How to get the definition variable from the string passed by vue

export default {
  data() {
    return {
      addArr1: []
      addArr2: []
      addArr3: []
      addArr4: []
    };
  },
  methods: {
    addItem (name) {
      let arr = this[name]
      arr.push(PParr.length)
    }
-------------------------------------------------------------------------



May.22,2021

it can be tested

<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(PParr.length)
    },
    onClick(){
      this.addItem(this.name)
    }
  }
}
</script>

clipboard.png

Menu