解决vue字符串换⾏问题(绝对管⽤)
vue 中⽤ {{}} 进⾏数据绑定的时候,如果我么你想让字符串换⾏是不⽣效的
解决办法,不⽤上边的⽅式进⾏数据绑定,⽤v-html标签代替{{}}
data中的str为 "<b>1111</b><br/>2222"vue逗号分割的字符串转数组
例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字符串换⾏问题(绝对管⽤)就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。