文章詳情頁
解決vue字符串換行問題(絕對管用)
瀏覽:190日期:2022-12-14 13:14:08
vue 中 用 {{}} 進(jìn)行數(shù)據(jù)綁定的時候,如果我么你想讓字符串換行是不生效的
解決辦法,不用上邊的方式進(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ǔ)充知識:vue的this.$router.push()方法跳轉(zhuǎn)路由帶參數(shù)
這個方法需要注意一點(diǎn),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)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
標(biāo)簽:
Vue
相關(guān)文章:
1. ASP.NET MVC使用Boostrap實(shí)現(xiàn)產(chǎn)品展示、查詢、排序、分頁2. Java并發(fā)編程必備之Future機(jī)制3. Android SeekBar實(shí)現(xiàn)平滑滾動4. 每日幾道java新手入門面試題,通往自由的道路5. Django實(shí)現(xiàn)任意文件上傳(最簡單的方法)6. 詳解ABP框架中的日志管理和設(shè)置管理的基本配置7. idea實(shí)現(xiàn)類快捷生成接口方法示例8. ASP.NET MVC使用JSAjaxFileUploader插件實(shí)現(xiàn)單文件上傳9. 使用ajax跨域調(diào)用springboot框架的api傳輸文件10. ASP.NET MVC把數(shù)據(jù)庫中枚舉項(xiàng)的數(shù)字轉(zhuǎn)換成文字
排行榜
