鍍金池/ 問(wèn)答/HTML/ vue子組件向父組件通信的問(wèn)題

vue子組件向父組件通信的問(wèn)題

clipboard.png

同一個(gè)頁(yè)面如果用 兩次 這個(gè)子組件,,, 子組件怎向父組件通信的啊 ?

回答
編輯回答
替身

$emit可以帶參數(shù)啊,如果你想都到一個(gè)function處理,可以在傳遞的參數(shù)里寫數(shù)據(jù),在處理的函數(shù)里判斷到底是哪個(gè)組件返回的信息~

2017年4月15日 00:44
編輯回答
青裙

不想 同時(shí) $emit 好幾個(gè)方法 ;;;;

請(qǐng)問(wèn)還有其他思路嗎 ?

2017年12月16日 14:33
編輯回答
浪蕩不羈

你是不想,子組件$emit調(diào)用父組件多個(gè)方法時(shí)寫多個(gè)this.$emit('a', a) this.$emit('b', b)?
如果2個(gè)子組件調(diào)用父組件的方法都一樣,或者只是某種條件下,某些不調(diào)用! 可以嘗試在父自己給子組件單獨(dú)開發(fā)一個(gè)方法調(diào)用。比如:methods { childrenHandle (type) { this.a() this.b() ... } } 這里可以根據(jù)type類型判斷調(diào)用方法等處理...

2018年1月23日 13:45
編輯回答
九年囚

子組件 $emit 自定義事件,父組件監(jiān)聽(tīng)事件

一個(gè)頁(yè)面調(diào)用兩個(gè), 這樣的話 怎么區(qū)分誰(shuí)是誰(shuí)呢 ?
<template>
  <button @click="handleClick('add')">添加</button>
  <button @click="handleClick('edit')">編輯</button>
</template>
export default {
  methods: {
    handleClick(action) {
      console.log('action:', action);
    },
  },
}
2018年4月2日 11:44
編輯回答
葬愛(ài)

通信指的是事件還是數(shù)據(jù)?傳遞事件我所知道的就只有$emit,通過(guò)事件名區(qū)分,我也想知道有什么高級(jí)的思路,畢竟事件這玩意一多就很亂。傳遞數(shù)據(jù)用vuex的思路。

2017年5月4日 09:02
編輯回答
尛憇藌

那就emit中傳一個(gè)參數(shù)咯。總得區(qū)分一下吧

2017年5月21日 14:56