[vite] v-model cannot be used on a prop,这是什么问题?

vue推荐单向数据流,不推荐v-model绑定props的传值
新版本@vitejs/plugin-vue要求更严格了,v-model绑定props的传值直接报错

 props: {
    
    
    dialogTableVisible: string,
  },
  

v-model绑定props中的传值,就会出现[vite] v-model cannot be used on a prop报错

  <el-dialog
    v-model="dialogTableVisible"
    ...

使用computed中转下

computed: {
    
    
    dialogVisible: {
    
    
      get() {
    
    
        return this.dialogTableVisible;
      },
      set(v) {
    
    
        this.$emit('update:dialogTableVisible', v);
      },
    },
  },

猜你喜欢

转载自blog.csdn.net/qq_42611074/article/details/130218296