在vue3中代替vue2 .sync修饰符

2022-12-07 13:29:59 浏览数 (1)

最近在把vue2升级vue3过程中遇到了各种bug,这次遇到了在vue2中父子传参的过程中发现showSearch数据不更新问题

代码语言:javascript复制
父组件引用
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
子组件
this.$emit("update:showSearch", !this.showSearch);

我们需要吧父组件改成v-model:value="value" 模式

代码语言:javascript复制
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>

0 人点赞