在vue3中代替vue2 .sync修饰符

李维亮

发布于 2022-12-07 13:29:59

4600

发布于 2022-12-07 13:29:59

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

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

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

<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2022-12-06，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度