vue---子调父 $emit (把子组件的数据传给父组件)

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>

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！