vuex,vue问题汇集(一)

202 阅读1分钟

//20180716

1.引入组件报错:XXXX没有定义

解决:我也高不清楚是什么原因,最后重新新建文件夹及文件就行了

2.组件调用事件方法出错

解决:要把方法事件 写在 actions 中

3.IE下无法运行VUEX,显示一片空白

造成这种现象的原因归根究底就是浏览器对ES6中的promise无法支持,因此需要通过引入babel-polyfill来是我们的浏览器正常使用es6的功能

1.首先通过npm来安装:

npm install babel-polyfill --save-dev

2.在ie下运行时,也会出现同样的报错,解决方式类似,不过这次是在webpack.base.conf.js中配置::

entry: {

app: ["babel-polyfill","./src/main.js"]

}

4.[Vue warn]: Error in render: "TypeError: Cannot read property 'split' of undefined"


错误的使用了路由标签 :错误:"this.$router.path.split('/')[1] "(奇怪的是,为什么不会提示“$router"出错,面是直接提示”split" 未知?”

正确的写法是 :this.$route.path.split('/')[1]


4.调用列表组件时报错:

我在要循环组件的页面是引用的:



然后就报错了错:大致意思就是 v-for不能用于根元素(root element)。因为v-for是个循环,它返回更多的元素。导致无法渲染。


因为vue这个时候不知道该怎么渲染,因为panel是根元素,vue不知道该如何渲染到那个html标签中,在panel外面加多一个元素包住就可以了,如下图: