vue3 组件v-model绑定props里的值，修改组件的值要触发回调

很早之前就写了，一直没写篇博客记录下

<select v-model="typeVal" />

const emit = defineEmits(['update:type']);
const props = defineProps({
  type: { type: String, default: '' },
});

const typeVal = computed({
  get() {
    return props.type;
  },
  set(value) {
    emit('update:type', value);
  },
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

为啥会这么用的，因为如果v-model直接用type，本地好像没问题，部署到贝塔环境，就会报错了，具体啥错，时间太久了，忘了，所以需要这么写一下，并且本地会爆一个如下的错误提示