溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue項(xiàng)目中字符串出現(xiàn)換行如何解決

發(fā)布時(shí)間：2020-11-09 16:32:51 來源：億速云 閱讀：382 作者：Leah 欄目：開發(fā)技術(shù)

vue項(xiàng)目中字符串出現(xiàn)換行如何解決？相信很多沒有經(jīng)驗(yàn)的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

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ǔ)充知識：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ù)了

看完上述內(nèi)容，你們掌握vue項(xiàng)目中字符串出現(xiàn)換行如何解決的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手