Vuex state 中数据的实时监控与响应

computed:{ getLanguage(){ return this.$store.state.language; } }, watch:{ getLanguage(val){ this.user = this.$t('user'); this.pas = this.$t(

张三少

2967人浏览 · 2017-07-24 10:16:32

张三少 · 2017-07-24 10:16:32 发布

computed:{

getLanguage(){

return this.$store.state.language;

}

watch:{

getLanguage(val){

this.user = this.$t('user');

this.pas = this.$t('password');

//console.log(val);

}

如上，state中的数据变化后，在computed中实时返回变化的数据，然后在watch中做出相应的操作；

这样就实现了对state中数据变化的实时监控与响应；

注：上述代码实现多语言切换功能，根据state中language参数的实时变化来改变对应参数的中英文类型；

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^