logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue2项目实现自定义右键菜单, 可添加图标、事件等

contextMenuData中,label是文字,onClick是绑定的点击事件,icon是图标,我这里用的阿里的iconfont,如果想使用ElementUI的图标,可以把icon的值设置为 icon el-icon-edit。第一个参数必填,固定为icon,第二个参数就是ElementUI图标库里对应的类名。3. 在需要实现自定义右键的元素上加上 @contextmenu.prevent="

文章图片
#javascript#前端#vue.js +1
前端性能优化:Vue项目打包后app.xxx.js 和 chunk-vendors.xxx.js 文件太大,导致页面加载时间太长

5、修改nginx配置之后,需要重启nginx生效,然后去页面清空浏览器环缓存后查看,app.js 和chunk-vendors.js 两个文件变成了 884kB 和642 kB,大小和加载时间都有明显的下降。3、 修改后,先本地 npm run build 打包,打包成功后,看下包里的js文件中是否包含 .gz 结尾的文件,如果包含就可以把包部署到相关环境上。问题场景,如下图,环境上的 app.

文章图片
#javascript#前端#vue.js +2
Vue项目报错:[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“.

percentage 的值非法导致,percentage 只能为 0-100的数字,超过或者小于这个范围都会报错,通常percentage的值是由计算生成,我这里因为取值的undefined导致计算后的percentage值为NAN,所以报错。首先确保计算时,分子和分母的取值无误,不能为undefined或null等其他的,其次添加判断,当percentage值大于或小于0-100的范围时,重置为

文章图片
#vue.js#前端#javascript +1
ElementUI Message 消息提示,多个显示被覆盖的问题

代码:主要是在this.$message 方法外层加上 setTimeout 方法。

文章图片
#elementui#javascript#前端 +1
前端性能优化:Vue项目打包后app.xxx.js 和 chunk-vendors.xxx.js 文件太大,导致页面加载时间太长

5、修改nginx配置之后,需要重启nginx生效,然后去页面清空浏览器环缓存后查看,app.js 和chunk-vendors.js 两个文件变成了 884kB 和642 kB,大小和加载时间都有明显的下降。3、 修改后,先本地 npm run build 打包,打包成功后,看下包里的js文件中是否包含 .gz 结尾的文件,如果包含就可以把包部署到相关环境上。问题场景,如下图,环境上的 app.

文章图片
#javascript#前端#vue.js +2
nvm use切换node版本时乱码报错: exit status 1:

场景:我是直接在vscode中的终端使用nvm use 版本号,然后报错,设置无效。解决:需要用管理员身份运行命令提示符,然后再执行nvm use。

文章图片
#前端#javascript#node.js
js如何判断数组中是否存在某个值或者某个对象的属性值

开始检索的位置在数组的 start 处或数组的结尾(没有指定 start 参数时)。如果找到一个 item,则返回 item 从尾向前检索第一个次出现在数组的位置。开始检索的位置在数组 start 处或数组的开头(没有指定 start 参数时)。如果找到一个 item,则返回 item 的第一次出现的位置。开始位置的索引为 0。includes() 方法用来判断一个数组是否包含一个指定的值,如果是

文章图片
#javascript#前端#开发语言
(最全)详解 URLSearchParams

是一个 JavaScript 内置类,用于处理(query string)的解析和构建。是 URL 中位于问号(?)后面的部分,用于传递参数和数值。例如,在以下 URL 中(https://example.com/page?name=John&age=30),查询字符串是通常可以使用 window.location.search 来获取URL中的查询字符串。我测试的初始URL是:http://12

文章图片
#前端#javascript#开发语言
this.$refs获取不到子元素身上的方法is not a function等问题

证明this.$refs[ref] 取到了值,只不过值身上没有execSqlData的方法,才会报 execSqlData is not a function.可以确定的是,子组件上是有execSqlData的方法,那么为什么还会报is not a function呢?当 ref 和 v-for 一起使用的时候,用this.$refs[xxx][0] 获取子组件身上的值。背景:使用v-for循环动

文章图片
#vue.js#前端#javascript
到底了