代码之家 › 专栏 › 技术社区 › asanas

使用变量标识数据对象

vuejs2 vue.js

asanas · 技术社区 · 6 年前

我在用VueJS。假设我有如下数据:

data () {
 return {
   status: {
     a: false,
     b: false,
     c: false
   }
}

method: {
  changeStatus: {
    this.status.b = true
  }
}

但是,我的要求是我有一个变量,其中包含关于哪些状态需要更改的信息。例如:

let target = c

所以,在我的方法中,我想改变c的状态,即。, this.status.c = true target )以我的数据中的正确数据为目标?

1 回复 | 直到 5 年前

Dan 6 年前

可以使用括号表示法: this.status['c'] this.status.c

然后可以替换文字属性名称字符串 'c' 用一个变量。例如

method: {
    changeStatus: function(target, value){
        this.status[target] = value;
    }
}

推荐文章

base · 单击按钮时,如何从父组件打开位于子组件中的模态?

6 月前

Ben Foltz · 更新/删除递归子组件

7 月前

Andy BnOne · 我可以为泛型类型的道具设置默认值吗

7 月前

Felix · 更改vuetify v-field标签字体大小

7 月前

user2263572 · Vue.js在脚本与模板中调用util时的不同功能(以及考虑模板解包)

8 月前

CentralDev · 如何导出和导入js文件?

11 月前

Michael · 在Nuxt/Vue中安装传单的正确方法

11 月前

gespinha · 当元素不再可见时,如何更改ref元素?

1 年前

Brad · Vue Child组件对检索到的pinia/vueFire对象失去反应性

1 年前

gespinha · 使用Vue Router时,路由参数不会在Vue组件内渲染

1 年前