elementUi 采坑记录
- Cannot read property 'resetFields' of undefined
描述:Dialog弹窗表单重置报错。
原因:mouted加载数据以后,隐藏的 Dialog 并没有编译渲染进 dom 里面。所以当通过点击事件,Dialog 弹出的时候,$refs 并没有获取到 dom 元素导致 ‘resetFields’ of undefined。只要显示过一次dialog,后面就不会报错了。
解决方案:
// 在显示Dialog方法里添加重置 showDialog(formName) {
// Dialog弹窗 this.dialogScoreVisible = true;
// 非第一次显示时,重置表单 if (this.$refs[formName] !== undefined) { this.$refs[formName].resetFields(); } }, -
在Vue中引用外部SCSS(SCSS里面使用了图片)时,loader报错:
* ../images/bg.jpg in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler...
描述:在Vue中引用scss样式文件引用assets中的图片,loader报错
原因:在*.scss中没有使用到图片时编译通过。当在scss中引用图片时,编译报错,loader错。原因是路径解析错误。
解决方案:#app { background-image: url('~@/assets/images/bg.jpg'); // 借助webpack的"~"前缀
}