第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

圖像源未在 Vue 和 Vuetify 中的動(dòng)態(tài)內(nèi)容中呈現(xiàn)

圖像源未在 Vue 和 Vuetify 中的動(dòng)態(tài)內(nèi)容中呈現(xiàn)

SMILET 2024-01-18 09:41:59
v-tab我目前正在開發(fā)一個(gè)組件,該組件可以使用,v-tab-items和渲染帶有相應(yīng) HTML 內(nèi)容的選項(xiàng)卡v-tab-item。在v-tab-item通話中我有以下參考:<v-card flat>  <v-card-text v-html="item.content"></v-card-text></v-card>items它通過對(duì)象的屬性渲染出對(duì)象各自項(xiàng)目中定義的 HTML 內(nèi)容,content如下所示:data() { return tabNavToolbar: tabNavToolbarImg,  items: [          {            tab: 'About',            content: '<h2 class="mt-8">About</h2><p class="pt-5">Tabs are a form of secondary in-page navigation, helping to group different types of content in a limited space.</p><p class="pt-5">Use tabs to split long content into manageable chunks to avoid overwhelming the user. By default the first tab is selected.</p><v-card><v-col class="ml-0 mt-3 pt-8 px-10 pb-10 imgBackground d-flex justify-center"><img src="../../../assets/tabnavigation/tabnavigation-toolbar.png" width="100%" height="100%" alt="display of tab navigation toolbar"/></v-col></v-card>'          }   ]}然而,圖像沒有渲染,事實(shí)上,即使我直接在標(biāo)準(zhǔn)img標(biāo)記中引用圖像 URL,它也會(huì)正確渲染,但它還是被破壞了。我嘗試了導(dǎo)入圖像并綁定相應(yīng)變量的想法,如下所示:import tabNavToolbarImg from '../../../assets/tabnavigation/tabnavigation-toolbar.png'data() { return tabNavToolbar: tabNavToolbarImg,  items: [          {            tab: 'About',            content: '<h2 class="mt-8">About</h2><p class="pt-5">Tabs are a form of secondary in-page navigation, helping to group different types of content in a limited space.</p><p class="pt-5">Use tabs to split long content into manageable chunks to avoid overwhelming the user. By default the first tab is selected.</p><v-card><v-col class="ml-0 mt-3 pt-8 px-10 pb-10 imgBackground d-flex justify-center"><img :src="tabNavToolbar" width="100%" height="100%" alt="display of tab navigation toolbar"/></v-col></v-card>'          }   ]}但這似乎也不起作用...是否有原因?qū)е聢D像無(wú)法在這兩種方法中渲染出來(lái),有沒有辦法解決它?提前致謝。
查看完整描述

1 回答

?
當(dāng)年話下

TA貢獻(xiàn)1890條經(jīng)驗(yàn) 獲得超9個(gè)贊

您需要require字符串中的圖像,以便 webpack 知道用圖像的正確路徑替換該位置。

試試這個(gè):  <img src="' + require('../../../assets/tabnavigation/tabnavigation-toolbar.png') + '" width="100%" height="100%" alt="display of tab navigation toolbar"/> `

滿的content

content: '<h2 class="mt-8">About</h2><p class="pt-5">Tabs are a form of secondary in-page navigation, helping to group different types of content in a limited space.</p><p class="pt-5">Use tabs to split long content into manageable chunks to avoid overwhelming the user. By default the first tab is selected.</p><v-card><v-col class="ml-0 mt-3 pt-8 px-10 pb-10 imgBackground d-flex justify-center"><img src="' + require('../../../assets/tabnavigation/tabnavigation-toolbar.png') + '" width="100%" height="100%" alt="display of tab navigation toolbar"/></v-col></v-card>'



查看完整回答
反對(duì) 回復(fù) 2024-01-18
  • 1 回答
  • 0 關(guān)注
  • 160 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)