vue兄弟组件之间传递数据

加点甜

已于 2022-08-27 15:17:57 修改

阅读量191

点赞数

分类专栏： Vue2 文章标签： javascript vue.js 开发语言

于 2022-08-27 15:15:42 首次发布

原文链接：https://blog.csdn.net/yuelizhe4774/article/details/125409234

版权

Vue2 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

核心函数：

$emit() ---> 传递

$on() ---》接收

演示：

写在待传值vue文件：

import Vue from 'vue'
//创建中间传递项 将值进行保存
Event = new Vue()
//'sheetvalue'为传递值的名称，可随意定义，但与接收端得一致
Event.$emit('sheetvalue',this.filesheetvalue = filekeyvalue)

写在待接收值vue文件:

created(){
//val即为接收得值，后续可按照自己的操作来执行
    Event.$on('sheetvalue',val=>{
      console.log(val)
      this.filesheetvalue = val
      this.params.data = this.filesheetvalue
    })
  }

————————————————
版权声明：本文为CSDN博主「DoYouKnowArcgis」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/yuelizhe4774/article/details/125409234