解决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 相关文章推荐
AJAX 网页保留浏览器前进后退等功能
Feb 12 Javascript
js获取input标签的输入值实现代码
Aug 05 Javascript
获取3个数组不重复的值的具体实现
Dec 30 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 Javascript
微信小程序 progress组件详解及实例代码
Oct 25 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
Dec 19 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
Jan 05 Javascript
vue中使用codemirror的实例详解
Nov 01 Javascript
js实现AI五子棋人机大战
May 28 Javascript
Vue页面刷新记住页面状态的实现
Dec 27 Javascript
Vue的data、computed、watch源码浅谈
Apr 04 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
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
2014/05/15 PHP
学习php设计模式 php实现原型模式(prototype)
2015/12/07 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
javascript实时显示当天日期的方法
2015/05/20 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
基于jquery实现下拉框美化特效
2016/02/02 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
微信小程序联网请求的轮播图
2017/07/07 Javascript
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
vue打开其他项目页面并传入数据详解
2020/11/25 Vue.js
[01:38]完美世界DOTA2联赛(PWL)宣传片:第一站
2020/10/26 DOTA
Python的Flask框架标配模板引擎Jinja2的使用教程
2016/07/12 Python
python发送邮件实例分享
2017/07/28 Python
Python 3实战爬虫之爬取京东图书的图片详解
2017/10/09 Python
用Python shell简化开发
2018/08/08 Python
Python中一个for循环循环多个变量的示例
2019/07/16 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
python中Mako库实例用法
2020/12/31 Python
python绘制雷达图实例讲解
2021/01/03 Python
关于h5中的fetch方法解读(小结)
2017/11/15 HTML / CSS
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
英文版销售经理个人求职信
2013/11/20 职场文书
回门宴新郎答谢词
2014/01/12 职场文书
优秀医生事迹材料
2014/02/12 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
纪念九一八事变83周年国旗下讲话稿
2014/09/15 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers