vue.js中怎么换行?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

在页面中经常会遇到自定义文本,如果文本过长就需要换行,在HTML中可以通过
标签换行,也可以通过\n转椅字符换行,以下是在javascript中和vue中的换行

javascript中的换行var reg=new RegExp("\n","g"),

str= res.data.replace(reg,"
");

$('.class').html(str);

在vue中的换行

在vue中以上的换行是不起作用的,因为在vue中{{}}显示的是变量,

会被当成字符串显示出来, \n当空格显示。所以{{}}里面的内容都会当成普通的字符串进行处理,如果想显示换行可以使用v-html进行显示。

* 以下requestText是变量*

data(){

return{

requestText:""

}

}

**一下是从服务器获取的动态数据**

let reg=new RegExp("\n","g");

let str= result.data.replace(reg,"
");

this.requestText=str;

更多web前端知识,请查阅 HTML中文网 !!

vue 怎么在html显示为回车_vue.js中怎么换行?相关推荐

  1. vue在created调用点击方法_vue.js中created方法的使用详解

    这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下. 这是它的一个生命周期钩子函数,就是一个vue实例被生成 ...

  2. vue watch 经常监听不到_Vue.js中 watch(深度监听)的最易懂的解释

    FullName: {{fullName}} FirstName: newVue({ el:'#root', data: { firstName:'Dawei', lastName:'Lou', fu ...

  3. vue 懒人_Vue.js 中的实用工具方法【推荐】

    收集日常开发中常用到的一些工具方法, 包含 vue 的公用过滤器.公用指令等 (PS: 懒人养成记) 公用自定义过滤器 import Vue from 'vue' import moment from ...

  4. vue使用高德地图画电子围栏_Vue.js 中使用高德地图定位及渲染地图

    看了github上面有集成的高德地图组件,但由于项目所要用到的不多,所以决定跟着文档写一写.运行环境是vue-cli webpack 引入高德地图 一般用使用vue-cli webpack最简单粗暴的 ...

  5. vue watch 修改滚动条_Vue.js 中滚动条始终定位在底部的方法

    Vue.js 中滚动条始终定位在底部的方法 发布于 2020-2-23| 复制链接 分享一篇关于vue 中滚动条始终定位在底部的方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小妖过来看看吧 滚 ...

  6. vue滚动条禁止_vue.js中实现禁止浏览器滚动方法

    大家好,本次在开发项目中,点击按钮,弹出一个自定义的弹出窗口和遮罩层,因为页面的超出一屏,有滚动条,但是想让弹出窗时候,禁止浏览器滚动,那么就简单写一个方法给大家. 思路是这样的,当弹窗弹出时候,让b ...

  7. js定义全局变量 vue页面_vue.js中如何定义全局变量?

    vue.js中如何定义全局变量?下面本篇文章给大家介绍一下在 Vuejs 项目中如何定义全局变量.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在 Vuejs 项目中如何定义全局变 ...

  8. js 操作vuex数据_Vue.js中使用Vuex实现组件数据共享案例

    当组件中没有关联关系时,需要实现数据的传递共享,可以使用Vuex 先不管图片 一.安装 在vue cli3中创建项目时勾选这个组件就可以了 或者手动安装 npm install store --sav ...

  9. c2010页面闪现_Vue.js中 v-if 和v-else-if页面加载出现闪现的问题及解决方法

    Vue.js中 v-if 和v-else-if页面加载出现闪现的问题及解决方法 发布于 2020-2-22| 复制链接 vue中v-if 和v-else-if在页面加载的时候,不满足条件的标签会加载然 ...

最新文章

  1. 在C语言中break语句称为,在C语言中,break语句的功能是退出函数
  2. ppt格式刷快捷键_高效地制作PPT
  3. 用云服务器实现janus之web端与web通话!
  4. linux yum安装mysql5.7_Linux安装MySQL5.7通过yum安装轻松搞定
  5. hive.ql.exec.DDLTask. MetaException(message:java.io.IOException: Attempt to start meta tracker faile
  6. 做网管这么久了,每个月只是拿1000元的工资
  7. [git 基础] 生成patch 和 打patch 的实例
  8. php访问方法外变量
  9. win10清理c盘_别再用什么管家!打开这个功能,Win10自动给你清垃圾
  10. Atitit ceo之道 艾龙 著 atitit 各分部ceo cao行政经理职责.docx 1.1. “重大执行权”和“日常执行权”两块分离 ,重大事件如大政方针、重大人事任命和重大投资方面
  11. Android之调试打印
  12. java rsa密钥转pkcs8_openssl RSA密钥格式PKCS1和PKCS8相互转换
  13. 云端虚拟化技术的应用
  14. VSCODE同步浏览器刷新
  15. 本科毕业论文外文翻译必须要翻译全文吗?
  16. Python 爬虫实践:《战狼2》豆瓣影评分析
  17. html中怎么写艺术字,用CSS设计艺术字
  18. Depmap分析、可视化CCLE数据
  19. 改名最成功的5所大学:改名如改命
  20. 2020风中劲草pdf电子版完整版 下载

热门文章

  1. 近世代数 笔记与题型连载 第十二章(同态与同构)
  2. 作业帮拍图API对接
  3. mysql基本操作详解
  4. 毕业答辩PPT高分诀窍分享
  5. ORA-00942 表或视图不存在 问题的解决
  6. 【C语言】字符串(main函数参数)
  7. Task2 二手车交易价格预测-EDA-数据探索性分析
  8. 使用 IPMI 远程为服务器安装操作系统教程
  9. python布尔值的作用_Python基础教程详解布尔变量的作用
  10. 清空掉回收站,发现误删了文件怎么办?