首頁猿問 vue里我用v-html解析一段富...

vue里我用v-html解析一段富文本里面的圖片，只顯示了文字，圖片不顯示，怎么解決？

前端工具 Html/CSS Vue.js

眼淚無法表達內(nèi)心的傷口 2019-01-18 12:03:30

這是解析方法這個是后臺返回的數(shù)據(jù)這個是移動端最終顯示的結(jié)果，只有文字，沒有圖片。但是在PC端圖片可以看到。我很懵逼，求大佬說下怎么解決這個情況。

查看完整描述

1 回答

網(wǎng)絡(luò)首席管理監(jiān)察官

TA貢獻5條經(jīng)驗獲得超5個贊

我反正是做樣式控制的，富文本內(nèi)容肯定放在一個容器里對吧，比方說放在 .content類名的div里。你可以給這個div下的所有元素的最大寬度（max-width）都設(shè)置成百分百：max-width:100% !important;

反對回復(fù) 2019-01-18

眼淚無法表達內(nèi)心的傷口
.card-content{ max-width: 100% !important; } 是這樣寫嗎？我沒用過這個!important

回復(fù) 2019-01-18
網(wǎng)絡(luò)首席管理監(jiān)察官
圖片不顯示要看具體情況了，你可以用chrome的控制臺調(diào)整成移動模式來看下具體代碼做排查

回復(fù) 2019-01-18
眼淚無法表達內(nèi)心的傷口
我用工具看到了發(fā)現(xiàn)圖片地址有問題，但是在pc端地址沒有問題，移動端圖片地址就變了

回復(fù) 2019-01-18

點擊展開后面3條

關(guān)注