vuex实现同时监听两个值的变化,并且需要进行实时判断比较这两个变化的值 不多数直接上代码
第一个页面进行设置这两个值
methods: {
...mapActions('a',['setDkxoid','setdocumentid'])
set(){
this.setdocumentid(123)
this.setoid(456)
}
第一个页面设置的同时,另一个页面就需要比较这两个值是否相同来进行一些业务需求。
另一个页面代码
computed:{
...mapGetters('a',['getdocumentid','getoid']),
...mapState('a',['documentid','oid']
},
watch:{
getoid(val){
console.log(this.documentid,this.oid)
if(this.documentid==this.oid){
业务逻辑。。。
}
else{
业务逻辑。。。
}
},
getdocumentid(val){
console.log(this.documentid,this.oid)
if(this.documentid==this.oid){
业务逻辑。。。
}
else{
业务逻辑。。。
}
},
}
在第二个页面中的getoid中可以打印出documentid
在getdocumentid中打印不出oid,原因也很简单,就是在第一个页面中是先设置的documentid,后设置的oid。所以在后面可以取到前面的值,前面无法取到后设的值,其实也没什么难的,只是有这么个先后在。