我有下表<table class="table-auto w-full"> <tbody> <tr v-for="items in planItems" :key="items.id"> <td class="border px-4 py-2">{{ items }}</td> </tr> </tbody></table>我正在遍歷所有項(xiàng)目，我有以下內(nèi)容<script>export default { name: "PlanItem", props: { planIcon: { type: String, required: false }, planIconAlt: { type: String, required: false }, planName: String, planPrice: String, items: Array, planOrderLink: String }, data() { return { planItems: this.items }; }};</script>并在傳遞組件時(shí)執(zhí)行以下操作items="[1GB]"，但是，我的輸出是這樣的我究竟做錯(cuò)了什么？
2 回答
叮當(dāng)貓咪
TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊
嘗試:items="['1GB']"代替
說(shuō)明：您的屬性被解釋為字符串，而不是數(shù)組
使用:或v-bind:使用數(shù)組（或任何非靜態(tài)字符串）作為屬性
qq_遁去的一_1
TA貢獻(xiàn)1725條經(jīng)驗(yàn) 獲得超8個(gè)贊
它被視為字符串，然后迭代字符串的字符。您必須使用綁定才能將其作為 Javascript 執(zhí)行，并且您的 Javascript 語(yǔ)法不正確。
v-bind:items="['1GB']"
v-bind:items="['1GB','2GB','3GB']"
- 2 回答
- 0 關(guān)注
- 154 瀏覽
添加回答
舉報(bào)
0/150
提交
取消