vue 子组件调用、触发父组件中的方法

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。

我发现了两种写法。

方法一：

子组件：

<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 子组件调用、触发父组件中的方法相关推荐

vue 子组件调用($emit)父组件方法后父组件方法如何回调子组件方法
子级组件中的实现组件名称:EditTable.vue export default{ name:'ET', ....... methods:{ ShowMore(step){ ...
小程序原生组件调用mpvue父组件方法
通过triggerEvent实现 1.小程序原生子组件 methods: {markertap () {console.log('子组件内部点击')this.triggerEvent('markert ...
五、Vue引用Cesium调用Sandcastle-header.js文件中的方法
<template><div><div id="cesiumContainer"><div id="toolbar"& ...
042——VUE中组件之子组件使用$on与$emit事件触发父组件实现购物车功能
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法...
(vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法"问题疑问,本网通过在网上对" (v ...
vue 子级拿值_Vue 父组件主动获取子组件的值，子组件主动获取父组件的值
父组件主动获取子组件的值 1. 在调用子组件的时候定义一个ref-> ref="header" 2. 在父组件中通过this.$refs.header.属性,调用子组件的属性 ...
什么是VUE的父组件和子组件？那么父组件和子组件又是怎样传值的呢？
有时候我们经常分不清什么是父组件,什么又是子组件.现在来简单说下:我们将某段代码封装成一个组件,而这个组件又在另一个组件中引入,而引入该封装的组件的文件叫做父组件,被引入的组件叫做子组件.以上是我个人 ...
VUE：父子组件间传参、子组件传值给父组件、父组件传值给子组件
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. Vue是一个轻量级的渐进式框架,对于它的一些特性和优点在此就不做赘述,本篇文章主要来探讨一下Vue子 ...
从“心”认识Vue（五）：父组件与子组件
从"心"认识Vue(五):父组件与子组件前言一.父组件与子组件的关系二.注册组件语法糖三.模板与组件的分离写法四.组件可以访问vue实例数据吗? 五.为什么组件的data ...

vue 子组件调用、触发父组件中的方法

vue 子组件调用、触发父组件中的方法相关推荐

最新文章

热门文章

vue 子组件 调用、触发父组件中的方法

vue 子组件 调用、触发父组件中的方法相关推荐

最新文章

热门文章

vue 子组件调用、触发父组件中的方法

vue 子组件调用、触发父组件中的方法相关推荐