vue 监听子组件内数据变化，父组件绑定change事件

vue 监听子组件内数据变化，父组件绑定change事件

父组件

绑定change事件

  <mine-collapse  :selected.sync="selectedTab" @change="Fn1">
      <mine-collapse-item title="标题1" name="1">
        <div>1</div>
      </mine-collapse-item>
  </mine-collapse>
  
  Fn1(e){
      console.log(e)
  },
  

子组件 用watch实时传递

<div class="collapse" ref="collapse" @change="handleClick">
    <slot></slot>
</div>


watch:{
    selected:{
      handler(val,old){
        this.$emit('change',this.selected)
      },
      deep:true
    }
  },
  
methods:{
    handleClick(){
        this.$emit('change',this.selected)
    }
},