子->父组件通信(自定义事件使用)

// 在父组件中
// 子组件
<
search-selector @trademarkInfo="trademarkInfo" />

// 父组件中监听
  // 自定义事件 获取trademark数据
trademarkInfo(trademark) {
      console.log(trademark);
      this.searchParams.trademark = `${trademark.tmId}:${trademark.tmName}`;
      this.getData();
},

// 在子组件中
<li v-for="(brand, index) in trademarkList" :key="brand.tmId"  @click="trademarkHandler(brand)">
      {{ brand.tmName }}
</li>

 methods: {
    // 获取品牌事件处理函数
    trademarkHandler(item) {
      //整理参数,像服务器发送获取数据
      this.$emit("trademarkInfo", item);
    },
  },


免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情