vue监听兄弟组件的值

1 篇文章 0 订阅

A组件:

        this.$store.dispatch('setYearDate', 修改后的值)

B组件:

import store from '@/store/modules/home'

watch:{
      '$store.state.yearDate':function(val){
       //监听到变化后做的操作

        console.log('变化后的值:',val)
      }
},

created(){
     this.selYear=store.state.yearDate;
}

store/module/home.js 

import Vue from 'vue'
import store from '../index'

const avation = {
  state: {
    yearDate:' '
  },
  mutations: {
    SET_YearDate: (state, data) => {
      state.yearDate = data
    },
  },
  actions: {   
    setYearDate ({ commit },data) {
       commit('SET_YearDate', data);
    }
  }  
}

export default home

store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import home from './modules/home'
import getters from './getters'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    home
  },
  state: {

  },
  mutations: {

  },
  actions: {

  },
  getters
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值