![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue项目中常见问题
vue项目中常见问题
森林的尽头是阳光
生而俗人,喜欢金钱和感动
展开
-
vue组件库搭建报错问题(vue-loader报错、gulp打包css报错,包含组件库打包文件webpack及gulp)
vue-loader、webpackgulp原创 2022-12-19 11:44:13 · 1123 阅读 · 0 评论 -
vue子组件下拉框的值动态更新
数据已经修改了,下拉框的值还是空的监听数据变化,进行强制重新渲染就好了watch:{ handler(val){ this.dataList = deepClone(val) this.$forceUpdate() }, deep:true, immediate: true}原创 2022-04-19 11:04:42 · 1137 阅读 · 0 评论 -
记录一次vue报内存溢出的错,RangeError: Maximum call stack size exceeded at Function.isArray (‹anonymous>)
RangeError: Maximum call stack size exceededat Function.isArray (‹anonymous>)问题场景:父组件中computed定义了一个对象,以属性形式传递给子组件,对象内部使用了data里面的值,是动态改变的。当改变data里面的值的时候,就会报内存溢出,页面卡死。问题最终定位:子组件中使用props接收到父组件的值,使用了map循环,改变了父组件传过来的值,导致的内存溢出。解决方法:使用之前先对父组件传递过来的值进行深拷贝神奇原创 2022-04-19 09:22:38 · 1123 阅读 · 0 评论 -
vue路由,父子路由跳转,父页面隐藏
1. 路由配置子路由的path不要加/showfater用于显示隐藏父路由内容{ path:"/index", component:Index, name:"index", children:[ path:"child", component: Child, name:"child", meta:{ showfater: false } ], meta:{ showfater: true }}2. 父原创 2022-03-29 14:56:04 · 5457 阅读 · 3 评论 -
VUE报错,Vue Error in nextTick: “RangeError: Maximum call stack size exceeded“
Vue Error in nextTick: “RangeError: Maximum call stack size exceeded”name问题,有可能是name重复了,可改变name值,找不到的情况下可以把name去掉,或者设为空 name=""原创 2021-11-09 13:58:48 · 999 阅读 · 0 评论 -
wangeditor自定义菜单, vue
1、新建editorMenu. js创建菜单2、使用编 辑器的vue文件中引入import E form " wangeditor"import {Video1,Voice1} form “./ editorMenu.js”mounted(){const menuKeyVideo = “video”const menuKeyVoice = “voice” this.editor = new E("# editorBox")//全局注册自定义菜单video, voiceE.regi原创 2021-11-02 15:57:22 · 3379 阅读 · 0 评论 -
VUE + element踩坑记录
1、树型table增加属性 :tree-props="{ children:‘children’,hasChildren:‘hasChildren’}"注意数据结构要注意row-key 的值,不能是id,且要和数据对应2、弹框内组件数据不刷新可以给组件加个v-if,根据弹框的显示隐藏来加载删除组件3、刷新当前页面刷新view-router, 结合vuex给定布尔值,v-if用于view-router的显示隐藏来实现刷新也可以通过inject/provide这个方式,之前有写过具体用法4、原创 2021-09-14 19:10:57 · 140 阅读 · 0 评论 -
element upload限制语音长度,upload自定义上传http-request
uploadbefore-upload方法中拦截!取时间存在异步,需要加异步处理原创 2021-09-24 09:30:54 · 274 阅读 · 0 评论 -
弹出窗口被浏览器拦截问题处理
原因,浏览器同源策略解决思路window.open打开一个空白页,再给这个页面赋值要打开的地址,赋值这一步需要异步处理比如你要从接口请求一个地址的话,可以先打开那个空白页,再发请求,请求成功里去给赋值代码如下@click = goNewUrlgoNewUrl(){let newUrl = window.open(“about:blank”)axios.get(url).then((res)=>{newUrl.location.href= res.url})}标题不牵扯请求的原创 2021-09-18 10:56:26 · 843 阅读 · 0 评论 -
element form 自定义检验
1、form增加属性rules:rules = “rules”2、data中定义rules参数rules:{mydata:[{validator:this. validateNumber, trigger:“blur”}]}3、method中定义方法callback中返回空表示检验通过,继续返回new Error表示校验失败...原创 2021-09-24 09:33:51 · 89 阅读 · 0 评论