解決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. ajax請(qǐng)求添加自定義header參數(shù)代碼2. ASP基礎(chǔ)知識(shí)VBScript基本元素講解3. Gitlab CI-CD自動(dòng)化部署SpringBoot項(xiàng)目的方法步驟4. Kotlin + Flow 實(shí)現(xiàn)Android 應(yīng)用初始化任務(wù)啟動(dòng)庫(kù)5. Python requests庫(kù)參數(shù)提交的注意事項(xiàng)總結(jié)6. 淺談SpringMVC jsp前臺(tái)獲取參數(shù)的方式 EL表達(dá)式7. 利用CSS3新特性創(chuàng)建透明邊框三角8. asp知識(shí)整理筆記4(問(wèn)答模式)9. ASP中解決“對(duì)象關(guān)閉時(shí),不允許操作。”的詭異問(wèn)題……10. 詳談ajax返回?cái)?shù)據(jù)成功 卻進(jìn)入error的方法
