我希望使用v-bind:src動態渲染一個有v-for影像src的v-vor影像。儘管圖像目錄似乎是正確的(但我如何檢查呢?)並且其他數組鍵被顯示,但我在模板中看不到圖標。
structure: src - assets // 图像内部 -components // 组件内部 <q-card v-for="benefit in benefits" :key="benefit.title"> <img class="benefits__item-icon" :src="benefit.icon" :alt="benefit.alt"> <q-card-section > <div>{{benefit.content}}</div> </q-card-section> </q-card> data() { return { benefits: [ { icon: '../assets/benefits-icon.svg', //不显示 alt: 'benefits', //正常显示 title: 'plain text', //正常显示 content: 'plain text' //正常显示 }, ] } }
嘗試更改此程式碼