【Vue】iview 组件的数据双向绑定是怎么做到的

• Z时代
• 2024-01-10
• 分类：技术分享

iview 组件的数据双向绑定是怎么做到的

回答

首先 iView 还没有 ColorPicker 组件。
另，v-model 其实是语法糖：

• 定义 prop：value
• 触发自定义事件 input

组件之间对prop进行双向数据绑定，用.sync修饰符

<ColorPicker :color.sync="color"></ColorPicker>    

文档地址：vuejs.org/v2/guide/components.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6" rel="nofollow noreferrer">.sync

好歹把vue的文档看一看？

iview组件也是vue组件,我理解的大概是这种封装吧

Vue.component('colorPicker, {
props: ['color'],
template: ｀
    <div :style="{'color': color}">iview</div>
｀
})

以上是 【Vue】iview 组件的数据双向绑定是怎么做到的 的全部内容， 来源链接： utcz.com/a/84988.html