解决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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(3)
Dec 23 Javascript
控制打印时页眉角的代码
Feb 08 Javascript
JavaScript 字符串处理函数使用小结
Dec 02 Javascript
基于jquery实现省市区三级联动效果
Dec 25 Javascript
JS基于递归实现倒计时效果的方法
Nov 26 Javascript
Angular 表单控件示例代码
Jun 26 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
JS实现移动端触屏拖拽功能
Jul 31 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 Javascript
使用JavaScript获取Django模板指定键值数据
May 27 Javascript
JS实现简单移动端鼠标拖拽
Jul 23 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
PHP实现的简单mock json脚本分享
2015/02/10 PHP
基于laravel Request的所有方法详解
2019/09/29 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
jquery 学习之二 属性相关
2010/11/23 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
2014/12/08 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
2种jQuery 实现刮刮卡效果
2015/02/01 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
深入浅析Node.js单线程模型
2017/07/10 Javascript
基于nodejs实现微信支付功能
2017/12/20 NodeJs
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
uni app仿微信顶部导航条功能
2019/09/17 Javascript
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
举例介绍Python中的25个隐藏特性
2015/03/30 Python
常见的在Python中实现单例模式的三种方法
2015/04/08 Python
python使用PyGame绘制图像并保存为图片文件的方法
2015/04/24 Python
Python文件与文件夹常见基本操作总结
2016/09/19 Python
python实现ID3决策树算法
2018/08/29 Python
Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例
2019/12/18 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
安装python3.7编译器后如何正确安装opnecv的方法详解
2020/06/16 Python
python 模拟登陆163邮箱
2020/12/15 Python
纯CSS3实现的8种Loading动画效果
2014/07/05 HTML / CSS
使用html5 canvas 画时钟代码实例分享
2015/11/11 HTML / CSS
任意存:BOXFUL
2018/05/21 全球购物
业务主管岗位职责
2013/11/20 职场文书
面试自我介绍演讲稿
2014/04/29 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
2015年党员自我剖析材料
2014/12/17 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
2019年农民幸福观调查的实践感悟
2019/12/19 职场文书
mysql主从复制的实现步骤
2021/10/24 MySQL
Nginx配置之禁止指定IP访问
2022/05/02 Servers