文章詳情頁
解決vue字符串換行問題(絕對管用)
瀏覽:106日期:2022-12-14 13:14:08
vue 中 用 {{}} 進(jìn)行數(shù)據(jù)綁定的時候,如果我么你想讓字符串換行是不生效的
解決辦法,不用上邊的方式進(jìn)行數(shù)據(jù)綁定,用v-html標(biāo)簽代替{{}}
data中的str為 '<b>1111</b><br/>2222'
例1,
<div>{{str}}<div>
例1效果
<i>1111</i><br/>2222
例2,
<div v-html='str'><div>
例2效果
1111
2222
補(bǔ)充知識:vue的this.$router.push()方法跳轉(zhuǎn)路由帶參數(shù)
這個方法需要注意一點(diǎn),path和params不能同時使用使用了path,params就失效了
解決方法 加入 路由a 跳轉(zhuǎn)到 路由b
路由a
this.$router.push({ name:'Show', params: {key:value } })
路由b
this.$route.params中就有a傳的參數(shù)了
以上這篇解決vue字符串換行問題(絕對管用)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
標(biāo)簽:
Vue
相關(guān)文章:
1. Python如何批量生成和調(diào)用變量2. ASP.NET MVC實(shí)現(xiàn)橫向展示購物車3. 通過CSS數(shù)學(xué)函數(shù)實(shí)現(xiàn)動畫特效4. ASP.Net Core對USB攝像頭進(jìn)行截圖5. Python獲取B站粉絲數(shù)的示例代碼6. .net如何優(yōu)雅的使用EFCore實(shí)例詳解7. windows服務(wù)器使用IIS時thinkphp搜索中文無效問題8. ajax動態(tài)加載json數(shù)據(jù)并詳細(xì)解析9. python利用opencv實(shí)現(xiàn)顏色檢測10. Python 中如何使用 virtualenv 管理虛擬環(huán)境
排行榜
