9、vue2.0子组件触发父组件的方法,父组件接收子组件的方法

来源：互联网发布：php短信轰炸机编辑：程序博客网时间：2024/05/29 18:21

方法一：

子组件：

<template>    <button @click="submit">提交</button></template><script>export default {  methods: {    submit: function () {      // 子组件中触发父组件方法ee并传值cc12345      this.$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>

阅读全文

0 0