解決vue字符串換行問題(絕對管用)
更新時間：2020年08月06日 11:13:06 作者：liuguochao1024
這篇文章主要介紹了解決vue字符串換行問題(絕對管用)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
vue 中 用 {{}} 進行數(shù)據(jù)綁定的時候，如果我么你想讓字符串換行是不生效的
解決辦法，不用上邊的方式進行數(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
補充知識：vue的this.$router.push()方法跳轉(zhuǎn)路由帶參數(shù)
這個方法需要注意一點，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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了使用@tap.stop阻止事件繼續(xù)傳播，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
關(guān)于vxe-table復(fù)選框翻頁選中問題及解決
這篇文章主要介紹了關(guān)于vxe-table復(fù)選框翻頁選中問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
解決vue-router中的query動態(tài)傳參問題
下面小編就為大家分享一篇解決vue-router中的query動態(tài)傳參問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細介紹了vue實現(xiàn)登錄時圖形驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家介紹了vue導(dǎo)出少量pdf文件實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
vue+elementui實現(xiàn)動態(tài)控制表格列的顯示和隱藏
這篇文章主要介紹了vue+elementui實現(xiàn)動態(tài)控制表格列的顯示和隱藏，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了Vue中qs插件的使用詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
這篇文章主要介紹了WebSocket使用以及在vue如何使用問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
今天小編就為大家分享一篇vue 實現(xiàn)邊輸入邊搜索功能的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本篇文章主要介紹了Vue利用canvas實現(xiàn)移動端手寫板的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05