背景:Vue ES6,子元件在父元件create後調(diào)用,並且事件觸發(fā)onclick已經(jīng)被封裝在底層元件(子元件的子元件)
問(wèn)題:在父元件中無(wú)事件綁定的情況下,子元件怎麼傳參父元件?
子元件使用v-on監(jiān)聽一個(gè)事件,然後觸發(fā)的時(shí)候,把事件發(fā)出去,就是$emit,然後父元件中同樣使用v-on監(jiān)聽你發(fā)出去的事件,然後執(zhí)行你父元件定義的事件。
樓上的已經(jīng)說(shuō)明白了,我是來(lái)補(bǔ)個(gè)粟子的child.vue
<template>
<p id="test">向父?jìng)鬟f</p>
</template>
<script>
export default {
methods: {
$('#test').click(()=>{
this.$emit('data', '這是我要傳的參數(shù)');
})
}
}
</script>
parent.vue
<template>
<child @data="fnSS"></child>
</template>
<script>
import child from './child';
export default {
components: {
tagInput
}
methods: {
fnSS(value) {
alert(value);
},
}
}
</script>