位置: IT常识 - 正文

Vue中,一个组件调用其他组件的方法(非父子组件)(vue中的组件)

编辑:rootadmin
Vue中,一个组件调用其他组件的方法(非父子组件) Vue中,一个组件调用其他组件的方法(非父子组件)

推荐整理分享Vue中,一个组件调用其他组件的方法(非父子组件)(vue中的组件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue组件之间调用方法,Vue中,一个组件调用其他组件的方法(非父子组件),vue组件用法,vue写一个组件,vue中一个组件内可以允许检验2个form表单内的rule吗,vue写一个组件,vue中一个组件内可以允许检验2个form表单内的rule吗,Vue中,一个组件调用其他组件的方法(非父子组件),内容如对您有帮助,希望把文章链接给更多的朋友!

场景——B页面(组件)想调用 A页面(组件)中的方法;但是两个页面(组件)毫无关联(刷新 A的数据)。

方式一:引用式1、当前组件引入将要调用方法所属的组件

这里我的当前组件要调用OrderDetail这个组件的check()方法

import Detail from "./detail.vue";

该方法定义在OrderDetail的methods属性中

2、当前组件通过该组件methods属性直接调用该方法// 也可以调用 created、data等Detail.methods.check();方式二:vuex使用 VueX 定义一个属性 ,然后在A页面 定义一个计算属性(computed) 再把 vuex 的属性返回给它, 再监听这个计算属性,发生变化就调用你要执行的方法。Vue中,一个组件调用其他组件的方法(非父子组件)(vue中的组件)

1、src/store/index.js

// Vuex 全局state: { tableStatus:false } mutations:{ changeStatus(state,status) { // 重复赋值 state.tableStatus = status; },}

2、被使用组件- A 页面(组件)

// A 页面(组件)computed: { status() { // 计算属性 return this.$store.state.tableStatus; // Vuex 中定义的属性 }},watch:{ status() { this.getTableList(); // 需要调用的方法 }},

3、使用触发页面-B 页面(组件)

然后就是在B 页面定义一个点击事件(举例),重新给 Vuex中的属性赋值就行了

// B页面(组件)closePage() { let status = this.$store.state.tableStatus; // 重新赋值 this.$store.commit("changeStatus", !status);},方式三:使用事件总线eventBus定义全局事件

1、src/main.js

window.eventBus = new Vue();

2、触发页面-B组件/发布事件

window.eventBus.$emit('setFeaturesData', data) // 带参数window.eventBus.$emit('setFeaturesData') // 不带参数

3、接收页面-A组件/订阅事件

window.eventBus.$on('setFeaturesData', (data)=>{ // 带参数 this.hoveredFeatures = [data] this.onClick() }) mounted() { this.getTableData() window.eventBus.$on('setFeaturesData', ()=>{ // 不带参数 this.getTableData() }) },

4、移除事件

window.eventBus.$off('setFeaturesData')
本文链接地址:https://www.jiuchutong.com/zhishi/299957.html 转载请保留说明!

上一篇:vue使用axios发送post请求携带json body参数,后端使用@RequestBody进行接收(vue如何使用axios)

下一篇:Vue-Router的使用(vue–router)

  • 苹果手机最近删除在哪里找(苹果手机最近删除的照片删了还能恢复吗)

    苹果手机最近删除在哪里找(苹果手机最近删除的照片删了还能恢复吗)

  • 电脑安全模式怎么进(电脑安全模式怎么恢复出厂设置)

    电脑安全模式怎么进(电脑安全模式怎么恢复出厂设置)

  • 快手小黄车提现手续费(快手小黄车提现流程)

    快手小黄车提现手续费(快手小黄车提现流程)

  • vivo手机没有隐藏图标怎么办(vivo手机没有隐藏相册吗)

    vivo手机没有隐藏图标怎么办(vivo手机没有隐藏相册吗)

  • 拼多多一直不发货商家会受到什么处罚(拼多多一直不发货会罚多少钱)

    拼多多一直不发货商家会受到什么处罚(拼多多一直不发货会罚多少钱)

  • 手机能投屏到墙上吗(手机怎么投屏到墙上)

    手机能投屏到墙上吗(手机怎么投屏到墙上)

  • bilibili的视频怎么下载(bilibili的视频怎么保存到本地)

    bilibili的视频怎么下载(bilibili的视频怎么保存到本地)

  • a1700是苹果什么型号(苹果a1700是苹果几多少钱)

    a1700是苹果什么型号(苹果a1700是苹果几多少钱)

  • 苹果11刷抖音字显示不全(苹果刷抖音字显示不全怎么办)

    苹果11刷抖音字显示不全(苹果刷抖音字显示不全怎么办)

  • 畅连通话只有华为有吗(畅连通话必须双方存有号码吗)

    畅连通话只有华为有吗(畅连通话必须双方存有号码吗)

  • 电子邮件服务器可以匿名转发吗(电子邮件服务器名)

    电子邮件服务器可以匿名转发吗(电子邮件服务器名)

  • 淘宝换货只能换一次吗(淘宝换货只能换几次)

    淘宝换货只能换一次吗(淘宝换货只能换几次)

  • 华为面对面快传在哪里(华为面对面快传怎么使用)

    华为面对面快传在哪里(华为面对面快传怎么使用)

  • 手机玩一会儿就很烫是什么原因(手机玩一会儿就很烫会不会爆炸)

    手机玩一会儿就很烫是什么原因(手机玩一会儿就很烫会不会爆炸)

  • 华为p30pro能插耳机吗(华为p30pro插耳机)

    华为p30pro能插耳机吗(华为p30pro插耳机)

  • 华为手环3怎么重启(华为手环3怎么连接手机使用教程)

    华为手环3怎么重启(华为手环3怎么连接手机使用教程)

  • 遮罩和蒙版的区别(蒙版遮盖)

    遮罩和蒙版的区别(蒙版遮盖)

  • 拼多多导流站内信多久收到(拼多多导流以后还能开店吗)

    拼多多导流站内信多久收到(拼多多导流以后还能开店吗)

  • 新版微信怎么设置朋友圈三天可见(新版微信怎么设置免打扰时间段)

    新版微信怎么设置朋友圈三天可见(新版微信怎么设置免打扰时间段)

  • 电脑卡了怎么重启(电脑卡了怎么重启快捷键)

    电脑卡了怎么重启(电脑卡了怎么重启快捷键)

  • 手机酷狗录歌保存在哪(手机酷狗录歌保存不了)

    手机酷狗录歌保存在哪(手机酷狗录歌保存不了)

  • qq通话记录在哪里(qq通话记录在哪里查看2020)

    qq通话记录在哪里(qq通话记录在哪里查看2020)

  • hash命令  管理命令运行时查询的哈希表(hash操作)

    hash命令 管理命令运行时查询的哈希表(hash操作)

  • 山东税务网上申报平台操作员查询
  • 只报税不做账有什么后果?
  • 加计扣除产生的滞纳金
  • 以个人名义汇货要交税吗
  • 股权激励费用怎么摊销
  • 微店企业和个人的区别
  • 资产总额是营业收入吗
  • 税控盘锁死日期查询
  • 加油票抬头开错可以更换吗
  • 股东借款转实收资本需要什么原始凭证
  • 销售预付卡纳税税率
  • 通讯费没有公司抬头怎么报销
  • 发票上的专用章没盖清楚,可以在票面其他空白处补盖吗
  • 当期进项税额大于销项税额
  • 借款合同印花税纳税期限
  • 合作社能否开具专用发票
  • 个人承包公司的经营所得怎么算
  • 管理不善造成的损失怎么处理
  • 公共基础设施折旧年限表 20
  • 管理费用进项税额转出会计分录
  • 商业承兑汇票如何查询
  • 免费WiFi万能钥匙
  • bootmgr is missing怎么手动解决
  • 购买货车预付保险怎么算
  • w10触摸键盘
  • filecopyutils.copy上传文件
  • 系统太多怎么办
  • 企业合作建房会计核算
  • 房地产企业土地增值税预缴
  • 收回前欠货款会导致资产总额增加吗
  • 递归 php
  • php可以和iis配合运行吗?
  • 营改增开始时间
  • 如何补办二手车牌照
  • uniapp获取window对象
  • php自定义表单
  • php闭包和回调函数
  • 金融企业计提贷款利率
  • 收到债劵利息会减少吗
  • 完整的css代码案例
  • 300秒带你手写一首诗
  • 【强化学习】Q-Learning算法详解
  • react 16.8 新特性
  • php自动转换
  • 服务业小规模纳税人税率
  • 会计中利得的定义
  • mysql如何上锁
  • 深入解读何暮楚
  • github+hexo搭建博客
  • 补提去年企业所得税会计分录
  • SQLServer 2008 CDC功能实现数据变更捕获脚本
  • 转月是下个月的意思吗
  • 盘亏的设备要进仓库吗
  • 跨年度少计摊销怎么做账
  • 工程外经证预缴税款计税方法
  • 现金流量表的内部结构怎么算
  • 保险再保业务
  • 其他未列明信息技术服务业
  • 公司按揭贷款
  • 其他应收款有没有备抵科目
  • 去年的会计凭证做错了,今年发现要怎么修改
  • 摊余成本计入哪里
  • windows vista X86 RTM/OEM 中文正式版下载地址
  • mscorsvw.exe是什么
  • xp关闭防火墙命令
  • ubuntu下安装QT教程
  • windows8音频服务尚未启用 怎么解决
  • win8怎么停止自动更新
  • linux 限制内存
  • win10怎么显示磁盘已用空间
  • win8安全和维护在哪
  • WIN10开始菜单点不动
  • cocos2dx4.0教程
  • 游戏开发那些事
  • linux Shell获取某目录下所有文件夹的名称
  • javascript基础编程
  • 在javascript中如果不指明对象直接调用
  • jquery插件免费下载
  • 如何用js动态创建div
  • 深圳电子税务局入口
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设