vue2.0中的render函数怎么实现双向数据绑定
2017-06-27
展开全部
刚好,我昨天也碰到这个问题。倒腾了一下,参考组件里的相关写法<comp-heading v-model="name"></comp-heading>
{{name}}
Vue.component('comp-heading',{
render: function (createElement) {
var self = this;
return createElement('input', {
domProps: {
value: self.value
},
on: {
input: function (event) {
self.updateValue(event.target.value);
}
}
})
},
methods: {
updateValue: function (value) {
this.$emit('input', value)
}
}
});
{{name}}
Vue.component('comp-heading',{
render: function (createElement) {
var self = this;
return createElement('input', {
domProps: {
value: self.value
},
on: {
input: function (event) {
self.updateValue(event.target.value);
}
}
})
},
methods: {
updateValue: function (value) {
this.$emit('input', value)
}
}
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询