VUE 响应事件小记

102 阅读1分钟

1 父子组件通信方法携带父组件参数

子组件代码:

    <div  @drop='dropHandle($event)'></div>

父组件代码:

    <drag-target @dropHandle='drop($event,"splitScreen22")'>
        <div ref="splitScreen22"></div>
    </drag-target>

      drop(event, splitScreen) {
  	       console.log(event) // $event
           console.log(splitScreen) // splitScreen22
      },

父组件函数drop不仅要接受子组件dropHandle函数的参数,还要传递代表本身的参数splitScreen22,

则除了第一个参数以外,其他参数都是父组件参数。