vue的data数据的动态引用
vue的data数据的动态引用
做项目时有时候会用到多个pop弹出层,pop弹出层的v-model显示则会有多个data的变量控制,则相应的有多个函数控制这些不同变量.如果能将这些显示隐藏的函数抽象为一个通用方法,根据传入的参数给data赋值。(比如有4个pop弹出层,控制他们隐藏和显示要用到至少4个方法来控制data里面的四个变量,能不能抽象出来写成一个通用的方法)
test(r){
return this[r];
}
//获取验证码
async getCode(validate){
console.log(this.test('vericode_count'));
}
然后我们可以将其抽象成一个方法,用来控制pop层的显示和隐藏
setPop(prop,value){
this[prop] = value;
}
这样写显示隐藏,会显著减少代码数量,提高方法的可复用性