elementUi 采坑记录

1. 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();
     }
   },

2. 在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的"~"前缀
   }