解決vue字符串換行問(wèn)題(絕對(duì)管用)
vue 中 用 {{}} 進(jìn)行數(shù)據(jù)綁定的時(shí)候,如果我么你想讓字符串換行是不生效的
解決辦法,不用上邊的方式進(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ǔ)充知識(shí):vue的this.$router.push()方法跳轉(zhuǎn)路由帶參數(shù)
這個(gè)方法需要注意一點(diǎn),path和params不能同時(shí)使用使用了path,params就失效了
解決方法 加入 路由a 跳轉(zhuǎn)到 路由b
路由a
this.$router.push({ name:'Show', params: {key:value } })
路由b
this.$route.params中就有a傳的參數(shù)了
以上這篇解決vue字符串換行問(wèn)題(絕對(duì)管用)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 使用vue-cli創(chuàng)建項(xiàng)目并webpack打包的操作方法2. 在vue中獲取wangeditor的html和text的操作3. Python用K-means聚類算法進(jìn)行客戶分群的實(shí)現(xiàn)4. python mysql 字段與關(guān)鍵字沖突的解決方式5. python編寫五子棋游戲6. Java xml數(shù)據(jù)格式返回實(shí)現(xiàn)操作7. 解決Android Studio Design界面不顯示layout控件的問(wèn)題8. vue style width a href動(dòng)態(tài)拼接問(wèn)題的解決9. Java源碼解析之接口List10. python讀取中文路徑時(shí)出錯(cuò)(2種解決方案)
