前些天發(fā)現(xiàn)了一個(gè)巨牛的人工智能學(xué)習(xí)網(wǎng)站，通俗易懂，風(fēng)趣幽默，忍不住分享一下給大家。點(diǎn)擊跳轉(zhuǎn)到教程。

我發(fā)現(xiàn)了兩種寫法。

方法一：

子組件：

<template><button @click="submit">提交</button> </template> <script> export default {methods: {submit: function () {// 子組件中觸發(fā)父組件方法ee并傳值cc12345this.$emit('ee', 'cc12345')}} } </script>

父組件：

<template><editor id="editor" class="editor" @ee="cc"></editor> </template> <script> export default {methods: {cc: function (str) {alert(str)}} } </script>

方法二：

?

子組件：

<template><button @click="submit">提交</button> </template> <script> export default {props: {onsubmit: {type: Function,default: null}},methods: {submit: function () {if (this.onsubmit) {this.onsubmit(‘cc12345’)}}} } </script>

父組件：

<template><editor id="editor" class="editor" :onsubmit="cc"></editor> </template> <script> export default {methods: {cc: function (str) {alert(str)}} } </script>

轉(zhuǎn)自：https://www.cnblogs.com/caik13/p/6896890.html

總結(jié)

以上是生活随笔為你收集整理的vue 子组件 调用、触发父组件中的方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。