Vue bug汇总

2019年12月vue框架项目bug汇总

1.Method “XXX” has already been defined as a data property.
原因：函数名与data数据里的变量名重复了。
解决方案：修改函数名或修改data里的变量名即可。

2.Property or method “transitionZoom” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
原因：因为字符串没有加引号，所以解析成变量了。
解决方案：加上引号即可。

3.使用插槽时，子组件没有渲染出来。
原因：对插槽定义理解错误，语法写错了。
解决方案：按照正确语法编写即可。

4.Missing required prop: “value”。
原因：el-input、el-select数据没有绑定，页面缺少value值。
解决方案：在el-input、el-select使用v-model绑定value值即可。

5.Error in render: “TypeError: Cannot read property ‘call’ of undefined”
原因：
解决方案：

6.Error in v-on handler: “TypeError: Cannot read property ‘resetFields’ of undefined”。
原因：mouted加载table数据以后，隐藏的弹出框并没有编译渲染紧DOM里，所以click弹出$refs并没有获取到DOM元素，导致'resetFields' of undefined。
解决方案：
方案1：

this.$nextTick(