vue数据中遇到/n就换行，/t就缩进

最新推荐文章于 2023-07-17 16:36:17 发布
最新推荐文章于 2023-07-17 16:36:17 发布
阅读量828 收藏 1
点赞数 1
分类专栏： vue 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41815063/article/details/126834530
版权 
const text='哈哈哈哈哈\\n啦啦啦啦啦啦\\t'       
        <div
          class="text"
          v-html="
            text
              ?.split('\\n')
              .join('<br/>')
              .split('\\t')
              .join('&emsp;&emsp;')
          "
        ></div>

知命者夏洛特
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue中使用antv/x6编写自定义流程
04-14
在vue中使用antv/x6和element组件，实现自定义流程的编写，使用antv/x6实现画布绘制和流程绘制，通过拖动节点到画布的方式进行节点的添加，使用element组件实现鼠标移入节点后的自定义功能，使用antv/x6自带的api和...
Vue入门教程
Zz1366的博客
05-08 4965
Vue快速入门
vue基础详解（全）
梁婉玲krysliang的博客
02-14 7520
一，VUE的核心 1.数据驱动（mvvm模型，只要改变model的数据，视图层就会自动更新） 2.视图组件： 把整一个网页的拆分成一个个区块，每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。 二，使用vue 1.引入vue之后就可以进行下面的步骤 2.创建语法（创建 ，设置数据，挂载，渲染） var vm = new Vue（{}）//参数是一个对象 三、定义...
vue基础入门
weixin_58470558的博客
05-13 4328
vue基础、指令、过滤器、监听器、计算属性、vue-cli、vue组件
前端如何处理从后端返回的数据中的\n和\t
m0_57747266的博客
05-30 1827
div v-html="content" style="white-space:pre-line"></div>,content就是后端返回的带有\n和\t的符串，就通过一个样式white-space:pre-line就能实现展示时\t空格\n换行。因为是前端用的框架是Vue,所以最初的想法是将\t和\n替换掉如 和<br/>然后使用v-html。发现有中办法可以巧妙的视线。在日常的开发中,往往有返回的字符串中有\n和\t,个人理解\t应该是空格符,\n应该是换行符。感兴趣的同学对应的值都可以试一试。
Vue 基础入门
我的的博客哦
05-17 8246
🔰Vue 是 一 套用于动态构建用户界面的渐进式JavaScript框架。🔰特点：采用组件化模式，提高代码复用率，且让代码更好维护。声明式编码，让编码人员无需直接操作DOM，提高开发效率。使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。
python中\t无法对齐问题原理解释（自用）
最新发布
m0_66187298的博客
07-17 527
python中使用\t为什么没有对齐
学习Vue中那些正则表达式
weixin_41697323的博客
12-03 1424
正则用法 JavaScript中正则表达式用法为： /正则表达式特殊字符/修饰符(可选) 特殊字符 这里列一下正则的特殊字符及其用法，加深理解和映象。 * \ 将字符变为特殊或非特殊字符。如 n 变为换行符 \n，特殊符号 ( 变为字符 \(。 * ^ 匹配字符串起始位置。 * $ 匹配字符串结束位置。 * * 匹配前面的子表达式零到多次。 * + 匹配前面的子表达式一到多次。...
【VUE】希望字符串数据换行、空格、换行缩进
Owen的博客
10-19 1080
希望字符串数据换行、空格、换行缩进
vue el-table内容换行
weixin_53561101的博客
06-06 3985
【代码】vue el-table内容换行。
设置white-space可使文本保留换行格式
菜菜的博客
05-11 918
在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示，取值有： normal：默认，忽略文本中所有的空白、换行符；只有文本存在 或文本达到框的约束时，文本才会换行 nowrap：和normal类似，忽略文本中所有的空白、换行符；遇到框的宽度约束时不会自动换行，文本只有在有 br 时才会换行 pre：保留文本中的空白、换行符；遇到框的宽度约束时不会自动换行，文...
Vue中Axios从远程/后台读取数据
10-17
今天小编就为大家分享一篇关于Vue中Axios从远程/后台读取数据，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
vue省市区/县数据js文件（citydata.js）
07-10
可以通过该文件获取全国省市区/县的json数据信息，适合用于vue级联选择器获取数据使用。
vue中的provide/inject的学习使用
08-27
本篇文章主要介绍了vue中的provide/inject的学习使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue中使用gojs/jointjs的示例代码
10-18
主要介绍了vue中使用gojs/jointjs的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信浏览器打开H5页面底部导航栏(左右箭头)固定或隐藏（vue）
热门推荐
weixin_41815063的博客
12-09 1万+
解决iphone进入微信公众号跳转页面后底部会出现一行回退前进按钮 上下滑动时可以隐藏和显示该栏 但是快速滑动时底部的的状态栏会等浏览器中状态栏全部消失后才会掉落至底部，并且按住滑动慧出现一段底部页面穿透，效果不好。所以下面这个方法上让导航栏在上下滑动的时候固定不动 把底部导航栏固定在不动方案：分两步 第一步： 在meta标签上加viewport-fit=cover <meta name="viewport" content="width=device-width,initial-..
vue 移动端弹窗后禁止页面滚动 @touchmove.prevent
weixin_41815063的博客
08-18 1万+
vue 移动端弹窗后禁止页面滚动 @touchmove.prevent 可以在遮罩层中添加@touchmove.prevent 就可以实现禁止页面滚动 注意 弹窗里面有滚动条的也是无法滚动的 <div class="popup" @touchmove.prevent></div> .popup { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); } .popup-content { .
项目启动报错
weixin_41815063的博客
07-29 7772
npm run serve 启动项目报错 vue.js 进行初始化遇到的关于core-js的错误@core-js/modules/es6.array.find-index] 解决链接：https://blog.csdn.net/qq_40999917/article/details/106575086 Failed to compile with 60 errors ...
vue实现点击Tab切换+滑动内容切换
weixin_41815063的博客
07-12 4358
要借助vant中的Tab,Tabshttps://youzan.github.io/vant/#/zh-CN/tab <template> <div id="search-result"> <div class="pool_main"> <Tabs class="tabs" swipeable> <Tab title="全部的数据"> <!-- <JobListNe...
vue2 {{}}的插值表达式怎么识别 /n 换行
05-10
在Vue.js 2中，插值表达式使用双花括号`{{}}`来包含JavaScript表达式。如果您想在插值表达式中包含换行符，可以在JavaScript表达式中使用`\n`来表示换行符。 例如，如果您想在Vue.js模板中显示一个换行符，您可以这样写： ```html <div>{{ '第一行\n第二行' }}</div> ``` 当模板被渲染时，`"\n"`将被转换为一个换行符，并且将显示两行文本。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值