vue.js - v-for 循环中的动态数组名

Question

是否可以使 v-for 中的数组动态化？像这样:

<div v-for="(company, index) in arrayName">
    ....
</div>

数据:

data() {
    return {
        companies: [],
        arrayName: 'companies'
    }
},

Answer 1

可以通过计算属性来实现

模板:

<div v-for="(company, index) in myArray">
    ....
</div>

实例:

computed: {
  myArray() {
    return this[this.arrayName];
  },
}