如何<script>使用其字串名稱從模板中呼叫設定的變數？
例如，在下面的示例中，我想foo使用table[0]以下方法呼叫變數：
<template>
<div>
{{ table[0] }}
{{ table[1] }}
</div>
</template>
<script>
export default {
data() {
return {
foo: 'Hello World!',
bar: '大家好!',
table: ['foo', 'bar']
}
}
}
</script>
uj5u.com熱心網友回復：
通過使用$data，像{{ $data[table[0]] }}
uj5u.com熱心網友回復：
您可以使用計算屬性：
new Vue({
el: '#demo',
data() {
return {
foo: 'Hello World!',
bar: '大家好!',
}
},
computed: {
table() {
return [this.foo, this.bar]
}
},
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
<div>
<div>{{ table[0] }}</div>
<div>{{ table[1] }}</div>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/397812.html
標籤：Vue.js
上一篇：Vite中的多個入口點
下一篇：vuetify資料表未顯示基本