VUE监听一个值的变化随之做出别的改变

我这里面要监听showbartable的值的变化，他的true和flase两种状态会决定我另一个东西的变化，为了监听他的属性变化，先在computed里面写一个函数，如图中红框，返回那个值在watch里面接住上面这个函数，newval和oldval是监听他的时候前后变化，监听到之后，把这个新值当做一个参数传出去，传到一个函数里面在methods里面写传出数据的那个函数，参数i就是那个新值，...

有玉微凉，是为樱琅

3723人浏览 · 2019-11-26 16:23:05

有玉微凉，是为樱琅 · 2019-11-26 16:23:05 发布

我这里面要监听showbartable的值的变化，他的true和flase两种状态会决定我另一个东西的变化，为了监听他的属性变化，可以computed里面写一个函数，如图中红框，返回那个值，使用的时候直接this.legend就可以使用了，这是监听vuex里面的值的写法
在这里插入图片描述
也可以在watch里面接住上面这个值，newval和oldval是监听他的时候前后变化，监听到之后，把这个新值当做一个参数传出去，传到一个函数里面
比如下图，immediate为true的时候是立刻监听，就是加载第一次的时候即使没改变也监听一下，这个方法可以监听vuex里面的值，也可以监听其他组件传来的值
在这里插入图片描述

一般而言
监听vuex里面的值用第一种方法监听传过来的值用第二种方法

但是其实监听vuex里面的值的话，还有一种更简洁的写法，就是使用vuex里面的mapstate
只需要引入
在这里插入图片描述
接进来就可以了使用的时候也是this.leftPanelOpen就是这个属性的值

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}$/, //不连续的两位字母// /^