vue子组件给父组件传值 接收不到数据_vue父向子组件传值

vue子组件给父组件传值 接收不到数据_vue父向子组件传值Usage: 子组件内容:<template><div@click="iclick"></div></template>methods:{iclick(){letdata={a:’data’};this.$emit(‘ievent’,data,’l…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺


Usage: 子组件内容:

<template>
<div @click="iclick"></div>
</template>
methods:{
    iclick(){
        let data = {
            a:'data'
        };
        this.$emit('ievent',data,'lalala');
    }
}

父组件内容:

<i-template @ievent = "ievent"></i-template>
methods:{
    ievent(...data){
        console.log('allData:',data);// data为包含传过来所有数据的数组,第一个元素是对象,第二个元素是字符串
    }
}

//事件ievent,我认为是中转的事件,可以自定义事件名称,子组件给父组件传值,必须有子组件的事件的进行触发,将子组件的值回填到父组件
 父组件调用子组件的方法,不需要子组件触发,直接通过父组件去调用子组件的方法,可以进行事件触发,和值得回填:https://blog.csdn.net/qq_39985511/article/details/79971231
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/197418.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 怎么完全卸载赛门铁克_Symantec卸载方法,赛门铁克卸载「建议收藏」

    怎么完全卸载赛门铁克_Symantec卸载方法,赛门铁克卸载「建议收藏」1、首先在服务里面设置所有Symantec开头的系统服务为禁止(控制面板-管理工具-服务),重启后在命令行运行:smc-stop;(stop需要密码就关掉先)2、删除HKEY_LOCAL_MACHINE/SOFTWARE/Symantec/SymantecEndpointProtection/SMC下的SmcInstData子键;(删除后F5刷新下,如果这个子键又自己出现了,说明有Syman…

    2022年4月27日
    122
  • pycharm远程连接服务器及同步

    pycharm远程连接服务器及同步文章目录 pycharm 远程连接服务器及同步 ref 概述实际步骤其他设置注意推荐使用方式 nohup 命令 pycharm 远程连接服务器及同步 refpycharm 连接 ssh 笔记 Pycharm 运行服务器环境设置 python 开发环境的配置 Linux pycharm pyenv 概述用到服务器的地方大概有 建立 ssh 终端连接 一个服务器可以新建一个 sshsession 建立 SFTP 连接同步文件 一个服务器可以新建一个 deployment 建立 ssh 远程环境 一个远程环境可以新建一个 sshin

    2025年9月27日
    4
  • matlab squeeze函数的用法「建议收藏」

    matlab squeeze函数的用法「建议收藏」matlab中squeeze函数用于删除矩阵中的单一维(Removesingletondimensions),比如执行下面的代码,随机产生一个1x2x3的矩阵A,然后squeeze(A)将返回一个

    2022年7月1日
    35
  • navicat 8.0 mysql 名、组织、注册码

    navicat 8.0 mysql 名、组织、注册码姓名(Name):www.9yifa.com组织(Organization):www.9yifa.com注册码(Serial):NAVJ-W56S-3YUU-MVHV

    2022年10月13日
    2
  • nginx安装及部署

    nginx安装及部署下载官方网站:https://nginx.org/en/download.htmlWindows下安装安装下载后解压(切记不能含有中文路径!!),文件结构如图(我解压的路径就有中文,记得拷贝放置于英文目录下即可!):启动两种方法:1)直接双击该目录下的”nginx.exe”,即可启动nginx服务器;2)命令行进入该文件夹,执行startngin…

    2022年6月19日
    30
  • 海龟作图python等边三角形_python 海龟作图[通俗易懂]

    海龟作图python等边三角形_python 海龟作图[通俗易懂]turtle绘图turtle绘图是python中引入的一个简单绘图工具,利用turtle模块绘图又被称为海龟作图,因为绘图过程可以看作是一个小海龟行走的轨迹。海龟就像是屏幕上的画笔,屏幕就是画布。1.1导入turtle模块使用turtle绘图时,首先要导入turtle模块,有以下两种方式:(说明:在python中调入模块函数无外乎两种方法:import+函数名(numpy,matplotlib…

    2022年6月28日
    64

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号