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


Posted in Javascript onAugust 06, 2020

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字符串换行问题(绝对管用)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js中各浏览器中鼠标按键值的差异
Apr 07 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
文本域中换行符的替换示例
Mar 04 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
Aug 18 Javascript
jQuery简单实现日历的方法
May 04 Javascript
jQuery编程中的一些核心方法简介
Aug 14 Javascript
RequireJS入门一之实现第一个例子
Sep 30 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
Apr 26 Javascript
一个简易时钟效果js实现代码
Mar 25 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
解决Mac安装thrift因bison报错的问题
May 17 Javascript
vue router-link 默认a标签去除下划线的实现
Nov 06 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
Aug 06 #Javascript
Vue Router中应用中间件的方法
Aug 06 #Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 #Javascript
vue-路由精讲 二级路由和三级路由的作用
Aug 06 #Javascript
如何利用javascript接收json信息并进行处理
Aug 06 #Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
Aug 06 #Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
Aug 06 #Javascript
You might like
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
文章推荐系统(二)
2006/10/09 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
safari,opera嵌入iframe页面cookie读取问题解决方法
2010/06/23 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
node.js中express-session配置项详解
2017/05/31 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
解决vue数组中对象属性变化页面不渲染问题
2018/08/09 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
[01:07:02]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第三场 2月26日
2021/03/11 DOTA
Python文件去除注释的方法
2015/05/25 Python
Python下Fabric的简单部署方法
2015/07/14 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
TensorFlow 滑动平均的示例代码
2018/06/19 Python
python 3调用百度OCR API实现剪贴板文字识别
2018/09/04 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
Python Django view 两种return的实现方式
2020/03/16 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
Toppik顶丰增发纤维官网:解决头发稀疏
2017/12/30 全球购物
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
泰国的头号网上婴儿用品店:Motherhood.co.th
2019/04/09 全球购物
汇智创新科技发展有限公司
2015/12/06 面试题
经理管理专业毕业自荐书范文
2014/02/12 职场文书
元旦晚会主持词
2014/03/24 职场文书
2015年技术员工作总结
2015/04/10 职场文书
学校艾滋病宣传活动总结
2015/05/09 职场文书
初中美术教学反思
2016/02/17 职场文书
分析SQL窗口函数之取值窗口函数
2022/04/21 Oracle
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript