解决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自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
JS表的模拟方法
Feb 05 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
Aug 31 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
深入浅析Bootstrap列表组组件
May 03 Javascript
jQuery EasyUI Draggable拖动组件
Mar 01 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
JS实现checkbox互斥(单选)功能示例
May 04 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 Javascript
vue 重塑数组之修改数组指定index的值操作
Aug 09 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源码加密 仿微盾PHP加密专家(PHPCodeLock)
2010/05/06 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
PHP获取MySQL执行sql语句的查询时间方法
2018/08/21 PHP
laravel实现前后台路由分离的方法
2019/10/13 PHP
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
2011/07/04 Javascript
自己编写的类似JS的trim方法
2013/10/09 Javascript
js的正则test,match,exec详细解析
2014/01/29 Javascript
JavaScript简单获取页面图片原始尺寸的方法
2016/06/21 Javascript
微信支付 JS API支付接口详解
2016/07/11 Javascript
深入分析node.js的异步API和其局限性
2016/09/05 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
2016/09/24 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
浅谈关于.vue文件中style的scoped属性
2017/08/19 Javascript
利用js编写网页进度条效果
2017/10/08 Javascript
React Native中TabBarIOS的简单使用方法示例
2017/10/13 Javascript
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
ant design vue 表格table 默认勾选几项的操作
2020/10/31 Javascript
Python使用getpass库读取密码的示例
2017/10/10 Python
python实现批量按比例缩放图片效果
2018/03/30 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
汉森批发:Hansen Wholesale
2018/05/24 全球购物
三星法国官方网站:Samsung法国
2019/10/31 全球购物
保密协议书范本
2014/04/22 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
2016情人节宣传语
2015/07/14 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
解决ubuntu安装软件时,status-code=409报错的问题
2022/12/24 Servers