vue-pdf实现pdf在线预览并实现自定义预览框高度
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 49
首先安装vue-pdf库npm install --save vue-pdf在你的vue页面文件中引入这个组件然后运行程序，这时候你会发现，...
vue-pdf打包后无法预览问题及修复方式
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 51
起因早上上班同事跟我说本地测试无误提交到线上的pdf预览下载功能在服务器上预览白屏让我看一下问题。捉虫：找不同开始排查问题，发现异常提示：p...
vue3项目如何配置按需自动导入API组件unplugin-auto-import
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 56
场景应用：避免写一大堆的import，比如关于vue和vue router的1、安装unplugin-auto-importnpm i -d...
unplugin-vue-components解决命名冲突问题
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 53
unplugin-vue-components命名冲突问题我们在vue项目中通常会利用unplugin-vue-components插件进行...
如何利用vite快速搭建vue3项目
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 53
1.选择一个文件夹在vscode终端打开，输入命令【npm create vite@latest】npm create vite@lates...
VUE+Element-ui实战之使用el-calendar日历自定义显示内容
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 57
1、确保添加el-calendar组件确保你的element引入了el-calendar组件这里不再赘述2、遍历日期，确定显示内容3、最终实...
vue如何使用原生video标签播放视频
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 63
使用原生video标签播放视频页面效果如下图如果想实现自动播放，需要加autoplay属性，但是加了之后也可能出现无法自动播放的问题，还需要...
vue3项目配置按需自动引入自定义组件unplugin-vue-components方式
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 58
我们通常在项目中，需要手动引入自定义的各种组件，如果涉及的页面功能比较多的话，光是import的长度都能赶上春联了。如果，能有一个插件帮我们...
vue触发真实的点击事件跟用户行为一致问题
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 64
vue触发真实的点击事件跟用户行为一致<template> <div> <button ref="my...
详解vue2如何处理xml格式的数据
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 0
前言最近看见csdn有rss订阅这个功能，但发现这个接口响应的数据格式不是常用的json格式而是xml，即下图的格式。附响应的代码<?...
遇到vue前端npm i报错多个版本不一致问题及解决
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 56
vue前端npm i报错多个版本不一致1、 在执行 npm install 命令时，可以尝试添加 --force 或 --legacy-pe...
如何解决npm i下载依赖的时候出现某依赖版本冲突
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 69
npm i 下载依赖的时候出现某依赖版本冲突npm i 下载依赖的时候出现了报错，大概就是版本的问题npm err! code eresol...
关于vant的时间选择器使用方式
2024-05-18 15:32 | 分类：前端脚本 | 评论：0 次 | 浏览: 65
vant的时间选择器<van-popup :show="showpop" position="bottom" ...
vue3中onUnmounted使用详解
2024-05-15 13:00 | 分类：前端脚本 | 评论：0 次 | 浏览: 43
vue3中onunmounted详解在 vue 3 中，onunmounted 是一个生命周期钩子，它会在组件实例被卸载（unmounted...
vue3+ts出现白屏问题的解决方法详解
2024-05-15 13:00 | 分类：前端脚本 | 评论：0 次 | 浏览: 44
打开白屏解决方法在vue.config.js页面 添加publicpath:'./',const { defineconfi...
去除Element-Plus下拉菜单边框的实现步骤
2024-05-15 13:00 | 分类：前端脚本 | 评论：0 次 | 浏览: 46
element-plus下拉菜单边框去除教程好久没更新关于vue的内容了，正好记录一下今天开发中遇到的一个小bug去除边框前：去除边框后：e...
Vue中挂载全局的方法详解
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 52
简介有时候，频繁调用的函数，我们需要把它挂载在全局的vue原型上，方便调用，具体怎么操作，这里来记录一下。一、这里以本地存储的方法为例var...
vue父组件值变化但子组件不刷新的三种解决方案
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 62
父组件传递给子组件的数据，如果是一个复杂对象（例如一个数组或对象），那么子组件只会监听对象的引用而不是对象的内容。这意味着当对象的内容发生变...
Vue使用jsmind实现生成脑图的示例代码
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 53
项目部分参数：vue：2.6.10node:16.20.01、使用命令行安装jsmindnpm i jsmind -s2、在文件中引入jsm...
Vue中以HTML形式显示内容并动态生成HTML代码的方法
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 60
前言vue是一个流行的javascript框架，用于构建现代化的web应用程序。在vue应用程序中，我们经常需要以html形式显示内容，并动...
Vue3项目的3种创建方式代码示例
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 55
使用 vue-cli 创建官方文档：https://cli.vuejs.org/zh/guide/vue-cli4.x是基于webpack4...
vue3的reactive赋值问题解决
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 60
问题vue3中直接对reactive声明的变量本身进行赋值是无效的。筛选表单重置功能// 数据结构let filterform = reac...
vue3清空reactive的四种方式
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 55
在 vue3 中，可以使用reactive函数创建响应式对象。这些响应式对象可以跟踪其属性的变化并且自动地更新视图。但是在某些情况下，我们可...
Vue项目导入字体文件的方法步骤
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 62
要想实现ui设计师设计的原型效果，有时候需要用到一些特殊的字体，在项目中就需要导入相关的字体文件。本文章以平方字体为例。1、导入字体文件1、...
vue3封装Element导航菜单的实例代码
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 64
效果如下所示：1. 导航外层布局 asideview.vue<template> <el-menu :defaul...
Vue自定义指令简介和基本使用示例
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 65
自定义指令1.指令介绍内置指令：v-html、v-if、v-bind、v-on… 这都是vue给咱们内置的一些指令，可以直接使...
Vue实现自定义组件改变组件背景色(示例代码)
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 61
要实现 vue 自定义组件改变组件背景色，你可以通过 props 将背景色作为组件的一个属性传递给组件，在组件内部监听这个属性的变化，并将其...
VUE更换背景颜色的方法
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 65
1. 确定需求在实现之前，首先需要明确需求，即用户可以通过某种方式更改页面背景颜色，所以我们需要提供一个可操作的控件来实现此功能。2. 创建...
Vue路由实现页面跳转的示例代码
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 59
一、需求说明点击不同的模块实现页面跳转，如下点击“员工管理”右侧会显示员工管理页面，如下图1；点击“入住...
vue使用vuedraggable插件实现拖拽效果
2024-05-15 11:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 78
技术：ant design vue1.7.8 的ui框架、vue2.x版本场景：需要实现div拖拽的效果效果图：第一步：安装vuedragg...