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项目中字符串出现换行如何解决的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。