vue3 中element 弹窗绑定需要通过v-model,这个时候父级会传个dialogVisible(boolean值)过来,结果会报eslint的错。
Unexpected mutation of "dialogVisible" prop,大概就是说不允许在子级修改父级的数据。
问题
<el-dialog :title="title" width="800px" v-model="dialogVisible" destroy-on-close @close="closeCallback">
处理问题
const dialogShow = computed({
get: () => props.dialogVisible,
set: val => context.emit('update:dialogVisible', val)
})
<el-dialog :title="title" width="800px" v-model="dialogShow" destroy-on-close @close="closeCallback">