javascript - 如何给vue异步组件绑定事件
本文介绍了javascript - 如何给vue异步组件绑定事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
vue中有异步组件功能https://vuejs.org.cn/guide/components.html#异步组件
但是异步组件里面怎么绑定事件呢?换句话说,怎么才能像正常组件那样双向绑定数据?
Vue.component('async-example', function (resolve, reject) {
setTimeout(function () {
resolve({
template: '<div @click="show">I am async!</div><input type="text" v-model="val"/>'
})
}, 1000)
})
其中的click,model都是无效的,该怎么操作才能使用呢?
解决方案
为什么不行呢?
补充:
增加绑定数据部分
Vue.component('async-example', function (resolve, reject) {
setTimeout(function () {
resolve({
template: '<div @click="show">I am async!</div><input type="text" v-model="val"/>',
data: function(){
return {
val: 'Fucking it'
};
},
methods: {
show: function(){
alert('show show!');
}
}
})
}, 1000)
})
这样不行么?
这篇关于javascript - 如何给vue异步组件绑定事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文