相关疑难解决方法(0)

如何为子组件中的图像绑定 :src ?

我正在尝试呈现组件列表。除了 img src url 之外,所有数据属性都正确显示。

文件/文件夹是:

CryptContent.vue - 包含 v-for

  • 渲染资产的组件/ - 包含图像

CryptContent.vue 包含:

<template>
<OwnedCardContent
            v-for="card in allCards"
            :id="card.id"
            :name="card.name"
            :cost="card.cost"
            :cset="card.cset"
            :edition_total="card.edition_total"
            :level="card.card_level"
            :unlock_czxp="card.unlock_czxp"
            :buy_czxp="card.buy_czxp"
            :transfer_czxp="card.transfer_czxp"
            :sacrifice_czxp="card.sacrifice_czxp"
            :url="card.graphic"
            :card_class="card.bg"
></OwnedCardContent>
</template>

<script>
allcards : [
      {id:0, name: 'Jim Zombie',graphic: './assets/jim.svg', cost: 300, cset: 'We like to party set', edition_total: ' of 100',unlock_czxp : '1,300,300',card_level: 80, buy_czxp: '1,800',transfer_czxp: '100', sacrifice_czxp: '2,300',bg: 'card-bg card-bg-6'},
]
 </script>`
Run Code Online (Sandbox Code Playgroud)

OwnedCardContent.vue 包含:

<template>
<div id="1" :class="card_class">
            <img class="card-img" :src="url" />
            <span class="card-edition">#1{{edition_total}}</span>
            <div …
Run Code Online (Sandbox Code Playgroud)

html javascript vue.js vue-component vuejs2

4
推荐指数
1
解决办法
1046
查看次数

标签 统计

html ×1

javascript ×1

vue-component ×1

vue.js ×1

vuejs2 ×1