鍍金池/ 問答/iOS  HTML/ vue 如何根據(jù)傳來的字符串得到定義變量

vue 如何根據(jù)傳來的字符串得到定義變量

export default {
  data() {
    return {
      addArr1: []
      addArr2: []
      addArr3: []
      addArr4: []
    };
  },
  methods: {
    addItem (name) {
      let arr = this[name]
      arr.push(++arr.length)
    }
-------------------------------------------------------------------------
代碼調(diào)試結(jié)果

圖片描述

-------------------------------------------------------------------------
奇怪的現(xiàn)象，右邊已經(jīng)有值了，但是賦不到arr上

圖片描述
圖片描述

回答
編輯回答
野橘

經(jīng)過測試是可以的

<template>
  <div class="hello">
    <input v-model="name" />
    <button @click="onClick">click</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name:'',
      addArr1: [],
      addArr2: [],
      addArr3: [],
      addArr4: []
    };
  },
  methods: {
    addItem (name) {
      console.log(name)
      let arr = this[name]
      console.log(arr)
      arr.push(++arr.length)
    },
    onClick(){
      this.addItem(this.name)
    }
  }
}
</script>

clipboard.png

2018年3月29日 05:44