如何转换具有数组名称的字符串以在 vue.js 模板中呈现数组

Question

<b-card v-for='callType in callTypes' no-body class="mb-1">
    <b-table striped hover :items="{{callType.lineType}}">
    </b-table>
</b-card>

当每个callType是一个数组的名称时。

callTypes: [mainLine, etc]
mainLine:  [firstline: number, etc etc]

错误：vue.runtime.esm.js?2b0e:619 [Vue 警告]：无效道具：道具“项目”的类型检查失败。预期数组、函数，得到值为“mainLine”的字符串。

Answer 1

如果你的数组是在 data() 中声明的，那么你可以这样访问它：

<b-card v-for='callType in callTypes' no-body class="mb-1">
    <b-table striped hover :items="$data[callType.lineType]">
    </b-table>
</b-card>

How can you convert a string with the name of an array to render the array in vue.js template