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;
}

这样写显示隐藏,会显著减少代码数量，提高方法的可复用性