首页 > 如何给vue异步组件绑定事件

如何给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)
})

这样不行么?

【热门文章】
【热门文章】