18910140161

请教一下大神们,怎么用v-model绑定多个自定义组件,实现数据的双向绑定

顺晟科技

2022-09-03 12:42:14

295

比如封装了一个自定义的input组件,但是有多处地方需要使用它,但是我只找到了可以定制props,但是这样变量名写死,就实现不了多个数据双向绑定,


顺晟科技:

学到了学到了,非常感谢

大佬,你的方法很好用,使用中我遇到了一个新的小问题,绑定之后,数据回显请问怎么处理呢?当我请求数据后,数据渲染不上去

组件定义 :

怎么会渲染不上去呢,本来就是双向绑定,值绑定了就渲染了,当然也可以使用$nextTick更新视图

如果要绑定多个 v-model 可以参考这段文档 组件事件|Vue.js (vuejs.org)

已经解决了,非常感谢,是我写的时候粗心理解错了

了解一下v-model的语法糖原理即可。

代码贴出来,不然没法分析

对应 Vue2 的写法是 使用 .sync 修饰符

我猜你的标题也许写错了——“怎么用 v-model 绑定多个自定义组件” 可能你想描述的实际是 “如何给自定义组件绑定多个 v-model”。

使用:

非常感谢你的回答,我会去尝试的!

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航