解決vue字符串換行問題(絕對管用)

vue 中 用 {{}} 進行數據綁定的時候，如果我么你想讓字符串換行是不生效的

解決辦法，不用上邊的方式進行數據綁定，用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()方法跳轉路由帶參數

這個方法需要注意一點，path和params不能同時使用使用了path，params就失效了

解決方法 加入 路由a 跳轉到 路由b

路由a

this.$router.push({ name:'Show', params: {key:value } })

路由b

this.$route.params中就有a傳的參數了

以上這篇解決vue字符串換行問題(絕對管用)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。