服务器之家

服务器之家 > 正文

解决vue字符串换行问题(绝对管用)

时间:2021-08-09 17:01     来源/作者:liuguochao1024

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

?
1
2
3
4
5
6
7
this.$router.push({
  name:"Show",
  params: {
   key:value
  }
 
})

路由b

this.$route.params中就有a传的参数了

以上这篇解决vue字符串换行问题(绝对管用)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/liuguochao1024/article/details/80228689

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021德云社封箱演出完整版 2021年德云社封箱演出在线看
2021德云社封箱演出完整版 2021年德云社封箱演出在线看 2021-03-15
返回顶部