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

╰+攻爆jí腚メ 2024-03-23 13:59 109阅读 0赞

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

  1. props: {
  3.     dialogTableVisible: string,
  4.   },

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

  1. <el-dialog
  2.     v-model="dialogTableVisible"
  3.     ...

使用computed中转下

  1. computed: {
  3.     dialogVisible: {
  5.       get() {
  7.         return this.dialogTableVisible;
  8.       },
  9.       set(v) {
  11.         this.$emit('update:dialogTableVisible', v);
  12.       },
  13.     },
  14.   },

发表评论

表情：
评论列表 （有 0 条评论，109人围观）

还没有评论，来说两句吧...

相关阅读