Unexpected mutation of “dialogVisible“ prop.

问题记录:

Vue2项目在封装element-ui的dialog组件时,eslint报错

Unexpected mutation of “dialogVisible” prop.eslintvue/no-mutating-props

image.png

大致意思是父组件传递过来的 dialogVisible 属性,不允许在子组件中修改父组件的值

解决方法:

通过 computed计算属性,将值改变事件抛给父组件

dilogShow: {
      get() {
        return this.dialogVisible;
      },
      set(newVal) {
        this.$emit("dialogVisibleChange", newVal);
      },
    },
    
  <--! template部分-->
  

你可能感兴趣的:(前端日常问题记录,vue.js,eslint,前端)