在Vue开发过程中,子组件向父组件传值的过程中,函数时可以对应的触发的,但是当父组件要改变自己的属性的时候报错了. 具体的页面逻辑是这样的,父组件 子组件 点击了之后没有问题,子组件向父组件传值  this.$emit()也能对应的触发,但是当父组件的 this改变自己data里面定义的属性的时候就会报上面的那个错误,也是看了好久没发现最后还是万能的google发现别人也遇到这个问题了,在此记录一下,方便以后学习和方便他人. 原因是我在子组件的this中的data没有return {} 根据我在…

我的原因:引入组件后未注册 <script> import ComFirst from "../../components/ComFirst.vue" import ComSecond from "../../components/ComSecond.vue" export default { name: 'VueFirst', data() { return {} }, components: { //<<这一步未做 ComFirst, C…

记不清第n次遇到这个错误了,但是脑子就是不好用,记不住解决办法啊,每次都要找好久才能找到错误,网上还一篇篇的全是错误答案......所以写篇随笔,记录下,方便大家也方便我自己. 网上有人说是组件循环了多次一直没有销毁会产生这个错误,经测试发现并不是这个原因(也许是我测试的有问题?),遇到这个问题很简单,就是脚手架中 数据要这么写 data(){ return {} } 而写成如下就会发生这个错误, data(){} 哪怕你什么数据都没有,对 没错,你什么数据都没有 也会发生这个错误,网上所谓的重…

原因: data中没有加return 切记!切记!…

上图中是我在接手一个项目的时候,出现的一个关于数组的 bug,但是从上图来看,其实报错是不清楚的,只能从报错信息上看出来是 /src/page/waybill/waybill_form.vue 这个 vue 页面出现的报错. 如果遇到这种情况,很多人会很难下手,也不知道怎么处理. 下面是我的处理这种模糊问题的处理思路.(注释排除法) 一.排除 js 内的 所有的xxx.length 的 变量是否是数组类型. 二.排除 html 代码上是否引用过xxx.length . 如果以上注释了排除还是报错…

第二次遇到,年前偶尔代码中频繁出现过,因为没影响到交互,赶工期中,没有去深究. 今天又遇到了, 在事件触发后,脚本报错,终止了界面交互. 最后查找到这里的原因,检查并移除无效业务事件,错误消失了. ( 是因为我的模板都是相似功能块复制过来的,携带了一些无效绑定数据, 暂时未处理,在使用 v-show v-if 之类时,才出现该问题 ) 记录一下. http://blog.csdn.net/qq_16559905/article/details/79294032…

如题 成因:极大可能是template上有某个函数,没有在 methods中声明导致的. 解决:找到那个未声明的函数名,写在methods中.你可以使用二分法快速找到.…

我觉得吧,是这么个原因,就是响应式要找这个node改它的内容,没找着,就报错了. 用computed监控vuex的state属性,绑定到页面上,如果这个属性改了,因为响应式,那么就要更改页面,如果页面不是当前页面,那么就会出现vue.common.js?e881:433 TypeError: Cannot read property 'nodeName' of undefined这样的报错..... 但是vue.common.js里写 // Sort queue before flush. //…

错误: 解决办法: 2.0已经没有map了,使用npm install vue-router@0.7.13 命令兼容1.0版本vue 但是安装完之后会出现一个错误: Cannot read property 'component' of undefined 看到了一个解决办法:npm install vue-router@next; 就能解决问题. 但是我做了:还是 Cannot read property 'component' of undefined:我的理解是vue已经到2了:不能用1的…

在使用v-if判断一个数组大小为0时,会出现 length 是undefined的错误:[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of undefined" 错误代码: <group v-if="item.detailEntityList.length===0" style="margin-top:-22px;"> <div st…

vue项目使用echarts按需引入实现地图动态显示效果时,报错:TypeError: Cannot read property 'dataToPoint' of undefined 借鉴了该大神的文章:https://blog.csdn.net/mazeyqian/article/details/78700605  在我的项目里面未引入geo,引入geo后报错消失. 引入方法:require('echarts/lib/component/geo')…

正常情况下在data里面都有做了定义 在函数里面进行赋值 这时候你运行时会发现,数据可以请求到,但是会报错 TypeError: Cannot set property 'listgroup' of undefined 主要原因是: 在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定.可以看下 Stackoverflow 的解释: 解决办法: 1.用ES6箭头函数,箭头方法可以和父方法共享变量 2.在请求axios外面定义一下 var that=this 问题…

TypeError: Cannot read property 'validate' of undefined at VueComponent.submitForm (plat_users.html:385) at Proxy.boundFn (vue.js:130) at click (eval at makeFunction (vue.js:8480), <anonymous>:2:5611) at VueComponent.invoker (vue.js:1948) at VueComp…

使用Typescript开发Vue,一切准备就绪.但npm start 时,提示“ ERROR in ./src/main.tsModule build failed: TypeError: Cannot read property 'afterCompile' of undefined“错误. 解决方法 将ts-loader从4.0降低到3.1.1解决问题.是由于webpack和ts-loader版本不兼容造成的.…

1.[Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined 注意,只要出现Error in render,即渲染时候报错,此时应该去渲染位置去找错误,而不是函数里面. 今天就碰到这个错误,我一直只注意着Cannot read property '0' of undefined,所以一直在函数里面调试找错,却一直没找到,最后才注意到Error in render,想着应该是渲染出错,果然去掉写的渲…

vue错误提示 Cannot read property 'beforeRouteEnter' of undefined,刷新后跳到首页 因为vue-router版本太高了,我vue用的是2.3.4,vue-router用了2.7就出现了上面的情况,将vue-router版本降到2.3.1 这个问题就不会复现了npm i vue-router@2.3.1…

在使用vue的ElementUI库,在多语言时报错: TypeError: Cannot read property '_t' of undefined 错误是在点菜单栏时随机抛出的,F12抓不到,只是报错提示. vue => 2.6.10 element-ui => 2.7.2 vue-i18n => 8.15.0 配置和文件路径如下(index.js): import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI…

今天做项目,用echarts展示数据 ,自己测试 先测试 了下.写的代码html: <div ref="myChart" style="height:300px;width:100%"></div> JS methods: { drawLine() { // 基于准备好的dom,初始化echarts实例 let myChart = this.$echarts.init(this.$refs.myChart); // 绘制图表 myChart.…

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined 原因是 没有导出 export default { name:"Test" } index.js 文件 import Test from './src/main.vue' Test.install = function (Vue) { Vue.component(Test.name, Test } export default Test…

vue 项目报错,提示:Cannot read property '$createElement' of undefined at render ...…

错误信息如下所示: isURLSameOrigin.js?3934:57 Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined at isURLSameOrigin (isURLSameOrigin.js?3934:57) at dispatchXhrRequest (xhr.js?b50d:103) at new Promise (<anonymous>) at xhrAdapter (xh…

前端报错如下: [Vue warn]: Error in render: "TypeError: Cannot read property '_t' of undefined" 是在项目中用了多语言配置,vue 跟 i18n之间的兼容问题.解决方法如下: Vue.use(iView) 替换成 Vue.use(iView, { i18n: function(path, options) { let value = i18n.t(path, options) if (value !== n…

使用 vue tools 开发工具,不显示调试面板中的组件,点击控制台报错: Cannot read property 'VUE_DEVTOOLS_UID' of undefined 在 main.js中加入如下代码即可: Vue.config.devtools = true; 贴个征婚启事啊啊啊啊啊啊啊~~~ 受朋友之托. 女,程序员,22岁,未婚,身高167cm,体重48KG,山东青岛. 目前在阿里巴巴工作,负责支付宝相关业务,工号  17814127 支付宝搜索工号可见照片. 漂亮大方,爱…

vue.config.js报错cannot set property "preserveWhitespace" of undefined 最近在项目中配置webpack,由于vue-cli4需要在vue.config.js文件中完成相关配置,于是本着不造轮子的原则,直接去网上cv大法,但是在实际中却发现了一些问题,在项目启动的时候报错cannot set property "preserveWhitespace" of undefined module.export…

点击某路由链接,页面提示: Cannot read property 'beforeRouteEnter' of undefined 查看代码并无手写beforeRouterEnter设置, 把页面内容全删除,还是这样的提示. 百度无果, 把router-link方式从path改为name,正常了. 暂不知道原因.做个记录.…

本人开发的系统中有个添加数据与编辑数据的功能.为了减少代码量,两者使用了同一个dialog,通过不同按钮点击使用对应的方案进行显示. 对了方便,本人在添加数据的按钮的click事件中直接写入了resetFields. 之后正常运行过一段时间,但是就在最近(添加了很多代码)开始报错: TypeError: Cannot read property 'resetFields' of undefined 同时我发现,只要显示过一次dialog,后面就不会报错了.所以我可以确定是因为代码量过大,对应的对…

使用 webpack 编译 Vue 项目时出现报错: index.js:13 Uncaught TypeError: Cannot read property 'split' of undefined 定位错误到事发代码行: version = Vue.version.split('.').map(Number) 这行代码是`vue-hot-reload-api`中的,查阅其官方(说明)[https://github.com/vuejs/vue-hot-reload-api#vue-hot-re…

刚开始使用vue-router2.0,虽然也用了vux,用起来却发现一个问题--具体如下: 正常情况下使用脚手架跑完之后,然后修改源项目,首先在main.js入口里把该import进去的vuex,vue-router,vue-resource等等都启动好了,接着就是在对应的文件夹和文件里面堆代码了. APP.vue里面只放了 <router-view></router-view>,然后再把一级路由都配好后. 虽然看起来很正常,保存之后,node热更新的面板也没出什么问题. 最后打开…

场景 echosong 回长沙两个多月了, 新公司的创业项目 App , 小程序, 公众号. 目前差app 没有 做完. 公众号在前端小美女同事 的主导下采用前端比较火的Vue 技术框架. 一直一来主要方向后端 +架构+ 管理方向.长沙的IT环境不比上海, 回来基本上全栈都要做,乃至技术意外的培训,市场. 面的辐射性扩张, 对于技术一条道走到黑的方向已经开始形成了挑战,希望未来打破职业 年龄瓶颈 运气不要太差. 言归问题 Vue+npm + webpack 相关的技术生成单页的整站应用, 自从开…

问题描述: 使用element开发我的后台系统,编辑和新增使用了同一个弹出框<el-dialog><el-form></el-form></el-dialog> 绑定了数据data里的commentForm对象 为了在新增弹出框清空表单, 使用了this.$refs[formName].resetFields() 每次第一次点击新增显示弹出框,都会报错 "[Vue warn]: Error in event handler for "cl…