vue一个组件监听另一个组件

简介: vue一个组件监听另一个组件

这种方法不常用,项目中有个地方共享数据了,起初没用vuex做,后来有个地方不好解决,这两个组件没有什么关系

1.首先同一个vue实例来调用两个方法。所以可以建立一个中转站。

1. import Vue from 'vue'
2. export default new Vue

2.分别在两个页面引入该文件(注意路径)

import tabchange from "../../../../utils/tabchange";


3.调用方代码(第二个参数是传递的参数)

handleChange() {
      tabchange.$emit('change',this.selectedval);
      getDevices({ constructionId: this.selectedval }).then((res) => {
        if (res.code == '200') {
          this.devices = res.result.equipmentCount
          this.onLine = res.result.fixedCameraCount
          this.onLine = res.result.onLine || 0
        } else {
          this.$message.warning(res.message)
        }
      })
    },

4.其他监听事件

  mounted() {
    tabchange.$on('change',(id) =>{
      this.SiteId = id;
      this.GetHistogramoPtion(this.Action);
    });
 
  },
相关文章
|
1月前
|
存储 JavaScript BI
vue组件间通信的几个方法
vue组件间通信的几个方法
23 0
|
6月前
|
JavaScript
vue组件注册
vue组件注册
27 0
|
16天前
|
JavaScript
vue 组件事件
vue 组件事件
|
16天前
|
JavaScript
vue 组件注册
vue 组件注册
|
20天前
|
JavaScript
Vue3的 组件事件
Vue3的 组件事件
9 0
|
24天前
|
JavaScript
vue中使用v-on监听多个方法
vue中使用v-on监听多个方法
8 0
|
3月前
|
JavaScript 前端开发 Java
Vue组件间通信的7种方法(全)
Vue组件间通信的7种方法(全)
|
6月前
|
JavaScript
54Vue - 组件的使用(构成组件)
54Vue - 组件的使用(构成组件)
23 0
|
8月前
|
JavaScript
[Vue]组件自定义事件(二)
[Vue]组件自定义事件(二)
|
8月前
|
JavaScript