前些天發現了一個巨牛的人工智能學習網站，通俗易懂，風趣幽默，忍不住分享一下給大家。點擊跳轉到教程。

我發現了兩種寫法。

方法一：

子組件：

<template><button @click="submit">提交</button> </template> <script> export default {methods: {submit: function () {// 子組件中觸發父組件方法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>

轉自：https://www.cnblogs.com/caik13/p/6896890.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。