
正文
vue---子调父 $emit (把子组件的数据传给父组件)
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
ps:App.vue 父组件
Hello.vue 子组件
ps:App.vue 父组件
Hello.vue 子组件<!--App.vue :--><template>
<div id="app">
<hello @newNodeEvent="parentLisen" />
</div>
</template><script>
import hello from './components/Hello'
export default {
name: 'app',
'components': {
hello
},
methods: {
parentLisen(evtValue) {
//evtValue 是子组件传过来的值
alert(evtValue)
}
}
}
</script><!--Hello.vue :--><template>
<div class="hello">
<input type="button" name="" id="" @click="chilCall()" value="子调父" />
</div>
</template><script>
export default {
name: 'hello',
'methods': {
chilCall(pars) {
this.$emit('newNodeEvent', '我是子元素传过来的')
}
}
}
</script>






