vue中实现自定义事件(子传父)

1.父组件

说明:以下在父组件声明;也就是为子组件绑定一个函数,只不过是自定义事件名。


2.子组件

说明:触发自定义事件;参数1是触发自定事件的名字,参数2是传递给父组件的数据。

// 品牌的事件处理函数
tradeMarkHandler(trademark){
this.$emit("trademarkInfo",trademark)
// 点击了品牌,还是需要整理数据,向服务器发请求获取相应的数据进行展示
// 父组件发请求,因为父组件中searchParms参数是给服务器参数,子组件把你点击的品牌的信息,
//需要给父组件传递过去
      }

 3.父组件

说明:将子组件传递过来的参数进行保存并发起网络请求。

    trademarkInfo(trademark) {
      //  自定义事件
      this.searchParams.trademark = `${trademark.tmId}:${trademark.tmName}`;
      this.getData();
    },

 

你可能感兴趣的:(Vue,vue.js,前端,javascript)