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

更新时间：2020年08月06日 11:13:06 作者：liuguochao1024

这篇文章主要介绍了解决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字符串换行问题(绝对管用)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

基于Vue实现拖拽效果
这篇文章主要介绍了基于Vue实现拖拽效果,文中给大家介绍了clientY pageY screenY layerY offsetY的区别讲解，需要的朋友可以参考下
2018-04-04
vue项目打包后打开页面空白解决办法
这篇文章主要介绍了vue项目打包后打开空白解决办法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-06-06
Antd-vue Table组件添加Click事件,实现点击某行数据教程
这篇文章主要介绍了Antd-vue Table组件添加Click事件,实现点击某行数据教程，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
Vue项目实现token无感刷新的示例代码
最近在使用系统的过程中，业务人员反馈刚登录一会就提示token过期需要重新登录，所以本文为大家分享一个无感刷新的实现代码，需要的可以参考下
2023-07-07
Pinia介绍及工作原理解析
这篇文章主要为大家介绍了Pinia介绍及工作原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
vue实现前端展示后端实时日志带颜色示例详解
这篇文章主要为大家介绍了vue实现前端展示后端实时日志带颜色示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-11-11
vue 3.0 使用ref获取dom元素的示例
这篇文章主要介绍了vue 3.0 使用ref获取dom元素,包括vue2.x获取dom和vue3.0获取单个dom，通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-08-08
Vue项目打包成exe可执行文件的实现过程(无瑕疵,完美版)
突然接到公司需求,说客户想让我们把项目直接打包,所以下面这篇文章主要给大家介绍了关于Vue项目打包成exe可执行文件的实现过程,文中通过图文介绍的非常详细,需要的朋友可以参考下
2022-11-11
Vue的elementUI实现自定义主题方法
下面小编就为大家分享一篇Vue的elementUI实现自定义主题方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02
Vue实现锁屏功能的示例代码
这篇文章主要为大家详细介绍了如何利用Vue实现简单的锁屏功能，文中的示例代码讲解详细，具有一定的参考价值，需要的小伙伴可以了解一下
2023-06-06