vue3项目中使用lodash

5 月 10 日
阅读 1 分钟
90
1. 安装lodash {代码...} 2. 全局使用 main.ts {代码...} 3. 界面使用 {代码...} 4. 按需引入使用 {代码...} 5. lodash中文文档路径[链接]

vue3使用ElementPlus upload上传文件的两种方式

2 月 23 日
阅读 3 分钟
3.7k
1. 不使用actiona: html部分(上传单个文件) {代码...} b: js部分 {代码...} 2. 使用action上传a. html部分(上传多个文件) {代码...} b. js部分 {代码...}

vue3+vite项目,elementPlus自定义主题

2023-10-31
阅读 1 分钟
421
vue3+vite配置elementPlus主题需要安装一下两个插件:unplugin-vue-componentsunplugin-auto-import开始配置:第一步、安装插件 {代码...} 第二步、配置插件(在vite.config.ts中) {代码...} 第三步、自定义主体样式在src目录中创建styles文件夹,新建common.scss文件,写自己的样式。 {代码...} 官网scss写法文档:[链接]

vue3+vite项目H5配置适配

2023-10-26
阅读 2 分钟
854
vue3+vite项目配置适配H5主要安装一下两个插件:amfe-flexible(主要用于动态设置根元素字体大小(rem),以根据屏幕尺寸进行自适应布局)postcss-px-to-viewport-8-plugin(将px单位转换为rem)开始配置:第一步、安装amfe-flexible插件 {代码...} 第二步、在main.js中导入 {代码...} 第三步、安装postcss-px-to-viewport...

父传子props数据问题

2023-10-09
阅读 1 分钟
459
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted

在vue3+ts+vite项目中用BMap百度地图自定义定位icon不显示

2023-06-08
阅读 1 分钟
1.7k
那么问题来了,vite+typescript项目不允许使用静态资源加载方法require,如果使用require关键字就会报错,那肯定没法显示坐标点。

vue-next-admin项目使用cdn加速,详细配置。

2023-06-08
阅读 9 分钟
1.9k
首先vue-next-admin是本身是配置好cdn加速的,只是没有开启。根目录找到.env文件,开启打包cdn加速找到utils、build.ts文件默认是注释了一些代码的,这里需要注意的就是几个变量。 {代码...} 我们的modules里面的变量会替换掉name,version,path。path要在unpkg网站查找对应的地址,我下载vue-next-admin项目的时候有五个...
封面图

vue项目中使用unicode引入iconfont,动态生成图标的问题。

2023-05-15
阅读 1 分钟
905
vue项目中,采用unicode引入iconfont,如果静态写图标是可以正常渲染的<i class="iconfront">˞</i>但是如果从接口获取数据,直接渲染字符串<i class="iconfront">{{myIcon}}</i>

css超出显示省略号

2023-04-17
阅读 1 分钟
778
单行,超出显示省略号 {代码...} 多行,超出显示省略号 {代码...}

裁剪上传图片

2023-03-02
阅读 4 分钟
1.4k
使用vue3和elementPlus实现上传图片裁剪参考文章地址:[链接] {代码...}

ElementPlus upload组件限制上传一个文件,重新选择替换原来文件

2023-02-02
阅读 1 分钟
4.3k
实现上传文件显示通过:limit="1" 和 :on-exceed来实现,但是这是后来版本添加的属性和方法,最好吧elementPlus升级到最新,要不然on-exceed方法不会被调用。

ElementPlus Upload上传文件只能上传一次,第二次无响应,彻底解决。

2023-01-31
阅读 1 分钟
4k
**问题描述:使用elementPlus upload组件上传文件,每次只能选择一个文件,如果上传失败,再次点击上传按钮,没有反应。解决:清空已选文件列表,然后重新赋值。**

vue3 使用wangeditor封装和自定义上传文件

2022-11-01
阅读 4 分钟
4k
1、基本配置,官方教程https://www.wangeditor.com/2、封装组件 {代码...} 3、使用 {代码...}

web前端开发闲置图书

2022-03-21
阅读 1 分钟
1k
[链接]

vue.js中封装全局filter

2021-12-22
阅读 1 分钟
1.6k
创建filters文件夹,里面创建filters.js文件,用来定义全局filterfilters.js {代码...} main.js {代码...} 这样就全局定义了所有的filter,就可以在界面中使用了。 {代码...}

vue.js中mixin的使用。

2021-12-22
阅读 2 分钟
2.1k
Vue中的mixin,是来分发Vue组件中的可复用功能。1、方法和数据在各个组件中不共享不像vuex那样,一个地方修改其他地方也会修改,mixin的数据的作用域就是被引入的组件内部。2、引用组件中的钩子函数在混入对象中的钩子函数后面执行。3、引用组件中的同名方法会覆盖混入对象中的方法,不同名的会合并。4、案例分析HelloWo...

vue项目下载文件,重命名,监测进度。

2021-11-17
阅读 2 分钟
2.9k
摘要:当后台返回一个文件地址给前端,需要前端下载并重命名,展示下载进度。使用技术:ajax、blob、vue插件file-saver1、插件我们不做过多解释,我们这里只是使用,这是插件教程地址:[链接]2、项目代码 {代码...}

关闭浏览器或者刷新浏览器弹窗提示,可以取消或者确认。

2021-11-15
阅读 2 分钟
4.4k
添加如下js代码即可 {代码...} vue中使用 {代码...}
封面图

vue3中清空input type="file"上传文件

2021-10-21
阅读 1 分钟
7.1k
1、添加ref<input type="file" ref="uploadFile" />2、获取input file {代码...} 3、执行清空操作 {代码...}

webpack从零搭建一个项目,基本配置。

2021-08-17
阅读 5 分钟
2.5k
1、新建项目文件夹 test2、终端 cd test3、运行 {代码...} 创建package.json文件,生成如下目录4、配置webpack.config.js {代码...} 5、package.json 配置scripts: {} {代码...} github项目地址:[链接]

vue项目在线浏览word文件

2021-08-13
阅读 1 分钟
4.1k
在线浏览word文件 {代码...}

vue3动态添加路由 router.addRoute() 生成菜单,解决刷新路由失效问题。

2021-08-09
阅读 2 分钟
29.3k
vue3中去掉了addRoutes只能使用addRoute添加路由,那么我们就需要循环添加。路有数据都是从后台获取,直接循环生成菜单,然后我们在main.js中通过路由守卫添加动态路由

FormData传数组对象的方法

2021-08-04
阅读 1 分钟
19.1k
前端formData传参,有时候需要传递数组对象,如果直接给变量append一个数组对象后台无法接受。 {代码...} 正确的传参方式如下 {代码...} 如果是字符串或者数字数组 {代码...}

vue3创建全局属性和方法

2021-06-23
阅读 1 分钟
15.3k
vue3中取消了过滤器filter,如果组件中单独使用可以用computed、watch来替换。但是想全局创建一个之前的vue2中的filter,我们就要使用在vue全局中挂在属性或者方法。

前端在线预览word文件

2021-06-09
阅读 1 分钟
3.6k
前端浏览器直接预览word文件1、基础地址(固定) {代码...} 2、自己上传的word地址,必须公网可访问,并且必须使用encodeURIComponent编码 {代码...} 3、使用window.open打开 {代码...}

vue3.0父组件调用子组件中的方法

2021-06-08
阅读 1 分钟
23.1k
父组件ParentComponents.vue {代码...} 子组件 {代码...}

写vue代码vscode必装插件

2021-04-28
阅读 1 分钟
6k
1、Veturvue代码高亮显示2、GitLens选中代码,显示最近修改代码的作者3、Vue 3 Snippets这个插件包含了所有的 Vue.js 2 和 Vue.js 3 的 api 对应的代码片段。4、Auto Close Tag自动闭合标签5、Auto Rename Tag修改开始标签名称,自动重命名结束标签6、Bracket Pair Colorizer对应代码块的括号加不同显色显示7、Path Inte...

vue3中 watch、watchEffect区别

2021-04-28
阅读 1 分钟
10k
1、watch是惰性执行,也就是只有监听的值发生变化的时候才会执行,但是watchEffect不同,每次代码加载watchEffect都会执行(忽略watch第三个参数的配置,如果修改配置项也可以实现立即执行)

vue3.0二次封装axios,配置本地代理。

2021-04-22
阅读 4 分钟
11.4k
vue3.0新建项目二次封装axios,配置本地代理。1、在src文件夹中创建http文件夹并新建http.js和api.js,并在更目录创建vue.config.js文件2、配置http.js文件如果没有安装axios,首先安装axios {代码...} {代码...} 3、配置api.js文件 {代码...} 4、在组件中使用接口 {代码...} 5、配置代理 vue.config.js {代码...}

vue2.x使用mockjs模拟数据

2021-04-21
阅读 2 分钟
4.7k
现在都是前后端分离开发,在开发过程中经常遇到后台接口还没有写好,但是前段界面需要跑流程来测试界面交互,这时候就需要通过做一些假数据模拟整个流程,我已我们就使用了mockjs来生成随机数据,拦截 Ajax 请求