解決vue字符串換行問題(絕對管用)
更新時間：2020年08月06日 11:13:06 作者：liuguochao1024
這篇文章主要介紹了解決vue字符串換行問題(絕對管用)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
vue 中 用 {{}} 進行數(shù)據(jù)綁定的時候，如果我么你想讓字符串換行是不生效的
解決辦法，不用上邊的方式進行數(shù)據(jù)綁定，用v-html標簽代替{{}}
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)文章
vue使用$attrs和$listeners多級組件嵌套傳遞數(shù)據(jù)
這篇文章主要為大家介紹了vue使用$attrs和$listeners多級組件嵌套傳遞數(shù)據(jù)示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
這篇文章主要介紹了keep-alive保持組件狀態(tài)的方法，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了vue3的ref和reactive的用法和解析,開始部分講解了ref，reactive的使用實例，如何進行類型的標注，配合ts這么使用，接著講解了兩者的區(qū)別，分別需要注意的點，還有ref的頂層自動解包，需要的朋友可以參考下2023-03-03
這篇文章主要介紹了vue監(jiān)聽dom大小改變案例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue-router結(jié)合vuex實現(xiàn)用戶權(quán)限控制功能
這篇文章主要介紹了vue-router結(jié)合vuex實現(xiàn)用戶權(quán)限控制功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
vue如何根據(jù)權(quán)限生成動態(tài)路由、導(dǎo)航欄
這篇文章主要介紹了vue如何根據(jù)權(quán)限生成動態(tài)路由、導(dǎo)航欄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
vue實現(xiàn)未登錄訪問其他頁面自動跳轉(zhuǎn)登錄頁功能(實現(xiàn)步驟)
這篇文章主要介紹了vue實現(xiàn)未登錄下訪問其他頁面自動跳轉(zhuǎn)登錄頁,本文分步驟給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
vue中axios給后端傳遞參數(shù)出現(xiàn)等于號和雙引號的問題及解決方法
這篇文章主要介紹了vue中axios給后端傳遞參數(shù)出現(xiàn)等于號和雙引號要怎么解決,項目場景我是傳遞一個string字符給后端時候報錯，隨手把這個問題記錄下來了，需要的朋友可以參考下解決方案2022-11-11
這篇文章主要介紹了Vue項目如何實現(xiàn)rsa加密，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了vue 子組件和父組件傳值的示例，幫助大家更好的理解和學(xué)習(xí)vue，感興趣的朋友可以了解下2020-09-09