#vue3#在自定义组件中使用v-model，dev环境不报错，prod环境报错

---

前言

最近在封装自己独特的下拉搜索组件的时候，用到了v-model属性。但是发现了一个奇怪的问题，我在本地的开发环境上不报错，但是部署到生产环境就报错了。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、报错截图？

二、解决步骤

将原本的v-model的数据，在子组件里面使用computed属性来获取，之前是通过watch得到的

const selectValue = computed({
    get() {
        return props.modelValue;
    },
    set(value) {
        emits('update:modelValue', value)
    }
})
// watch(
//     ()=> props.selectValue, (newValue, oldValue) => {
//         if(newValue != oldValue) {
//             emits('update:selectValue', newValue)
//         }
//     }, {
//         deep: true
//     }
// )

---

总结

问题的解决，是我在google上面搜索得到的。是基于github上的issues。

我的解决可能没有帮到你，有需要的，可以点击去看看。
https://github.com/vuejs/core/issues/5584