首页 > 其他 > 详细

vue的data数据的动态引用

时间:2020-12-27 02:15:10      阅读:166      评论:0      收藏:0      [点我收藏+]

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

vue的data数据的动态引用

原文:https://www.cnblogs.com/GoodMemoryBlog/p/14194309.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!