解決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è)參考,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于vxe-table復(fù)選框翻頁(yè)選中問(wèn)題及解決
這篇文章主要介紹了關(guān)于vxe-table復(fù)選框翻頁(yè)選中問(wèn)題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09解決vue-router中的query動(dòng)態(tài)傳參問(wèn)題
下面小編就為大家分享一篇解決vue-router中的query動(dòng)態(tài)傳參問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03vue實(shí)現(xiàn)登錄時(shí)圖形驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)登錄時(shí)圖形驗(yàn)證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03vue導(dǎo)出少量pdf文件實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了vue導(dǎo)出少量pdf文件實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06vue+elementui實(shí)現(xiàn)動(dòng)態(tài)控制表格列的顯示和隱藏
這篇文章主要介紹了vue+elementui實(shí)現(xiàn)動(dòng)態(tài)控制表格列的顯示和隱藏,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04vue 實(shí)現(xiàn)邊輸入邊搜索功能的實(shí)例講解
今天小編就為大家分享一篇vue 實(shí)現(xiàn)邊輸入邊搜索功能的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09Vue利用canvas實(shí)現(xiàn)移動(dòng)端手寫(xiě)板的方法
本篇文章主要介紹了Vue利用canvas實(shí)現(xiàn)移動(dòng)端手寫(xiě)板的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05