子组件向父组件传值

_enzo

已于 2022-08-28 12:27:37 修改

阅读量200

点赞数

分类专栏： Vue.js 文章标签： vue vue.js

于 2021-11-18 18:05:18 首次发布

本文链接：https://blog.csdn.net/katherin_wanzi/article/details/121406813

版权

本文介绍了在Vue.js应用中，如何通过子组件的$emit方法发送事件，以及父组件如何使用$on来监听并接收这些事件，详细阐述了子组件rc-text和父组件rc-link之间的数据传递过程。

摘要由CSDN通过智能技术生成

1.子组件通过$emit发送事件
以下为子组件rc-text

<template>
    <div v-focus:1 class="rc-text" contenteditable ref="componentRef" :id="domId" :class="getClassName" :style="getStyle"
         v-text="component.properties.textValue" @input="textChange" @click.stop="componentClick(component)"></div>
</template>

<script lang="ts">
import {
    defineComponent, PropType } from 'vue'
import Component from '@page/service/components/Component'
import {
    useComponentMethods } from '@page/views/mixins/usePublicMixin'
import {
    getInject } from '@mixins/useGetInject'

export