SakuraDon

VUE自定义组件绑定事件和通信
自定义组件无法直接使用@click="function()"绑定点击事件需要使用自定义事件v-...
扫描右侧二维码阅读全文
26
2018/04

VUE自定义组件绑定事件和通信

自定义组件无法直接使用@click="function()"绑定点击事件

需要使用自定义事件v-on:click.native="function()"


子组件通过this.$emit('exchangetab',t)注册'exchangetab'事件

  methods:{
    exchangetab(t){
      if (this.thetab!=t){
        this.thetab=t;
        this.$emit('exchangetab',t)
      }
    },
  }

父组件在子组件上v-on:exchangetab="function"监听'exchangetab'事件,触发事件时执行function

<Sider :tab="tab" v-on:exchangetab="exchangetab" class="Sider"/>

函数参数data则为子组件传回来的参数

  exchangetab(data){
      //do something
  }
最終更新:2018 年 04 月 28 日 11 : 30 PM
あなたが私の記事があなたにとって有用であると感じるならば、それを感謝してください。