首页 > web前端 > Vue.js > 正文

vue.js中怎么换行

coldplay.xixi
发布: 2020-11-10 16:44:43
原创
20685人浏览过
vue.js中换行的方法:使用【v-html】进行显示,代码为【data(){return}requestText:""}】。

vue.js中怎么换行

本教程操作环境:windows10系统、vue2.9,本文适用于所有品牌的电脑。

【相关文章推荐:vue.js

vue.js中换行的方法:

在页面中经常会遇到自定义文本,如果文本过长就需要换行,在HTML中可以通过

立即学习前端免费学习笔记(深入)”;

标签换行,也可以通过\n转椅字符换行,以下是在javascript中和vue中的换行

家电小商城网站源码1.0
家电小商城网站源码1.0

家电公司网站源码是一个以米拓为核心进行开发的家电商城网站模板,程序采用metinfo5.3.9 UTF8进行编码,软件包含完整栏目与数据。安装方法:解压上传到空间,访问域名进行安装,安装好后,到后台-安全与效率-数据备份还原,恢复好数据后到设置-基本信息和外观-电脑把网站名称什么的改为自己的即可。默认后台账号:admin 密码:132456注意:如本地测试中127.0.0.1无法正常使用,请换成l

家电小商城网站源码1.0 0
查看详情 家电小商城网站源码1.0

javascript中的换行

var reg=new RegExp("\n","g"),
str= res.data.replace(reg,"<br>");
$('.class').html(str);
登录后复制

在vue中的换行

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

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

<p class="text" v-html="requestText"></p>
* 以下requestText是变量*
data(){
    return{
    requestText:""
    }
}
**一下是从服务器获取的动态数据**
 let reg=new RegExp("\n","g"); 
 let str= result.data.replace(reg,"<br>");
 this.requestText=str;
登录后复制

相关免费学习推荐:JavaScript(视频)

以上就是vue.js中怎么换行的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号