首页 > 其他分享 >Vue实现字符串换行

Vue实现字符串换行

时间:2023-02-14 19:31:45浏览次数:44  
标签:pre el Vue space 换行 wrap 字符串 table

今天在做的时候需要用到字符串换行,在网上找了一下,换行是通过添加white-space: pre-wrap属性,通过\n进行换行 在这里记录一下

<style lang="scss" scoped>
  ::v-deep .el-table th.el-table__cell > .cell{
    white-space: pre-wrap;
    font-size: 12px;
  }
</style>

使用的时候直接\n就可以换行了

标签:pre,el,Vue,space,换行,wrap,字符串,table
From: https://blog.51cto.com/u_15928719/6057396

相关文章

  • vue2--day2
    昨日回顾#1put,post提交的json格式必须是标准json字符串格式#2字符串中不小心加了空格#4认证类,当前登录用户可以不去数据库查出来#5斜杠问题(中间件:django.mi......
  • vue
    今日内容1.插值语法2.文本指令3.属性指令4.事件指令5.class和style6.条件渲染7.列表渲染1.插值语法插值语法中可以放:变量,对象取值,数组取值,简单的js语法,函数()......
  • vue
    昨日回顾#1put,post提交的json格式必须是标准json字符串格式#2字符串中不小心加了空格#4认证类,当前登录用户可以不去数据库查出来#5斜杠问题(中间件:django.mi......
  • Vue 02
    Vue1.插值语法插值语法中可以放:变量,对象取值,数组取值简单的js语法函数(function())插值语法不能写在标签的属性中,只能写在标签的内部<htmllang="en"><head>......
  • vue02
    今日内容概要插值语法文本指令属性指令事件指令class和style条件渲染列表渲染今日内容详细插值语法vue的mvvm架构演示<!DOCTYPEhtml><htmllang="en"><he......
  • 通过Vue解决跨域问题(proxy配置代理)【转载】
    当我们在用本机去找服务器要数据时会产生跨域问题,所以利用vue-cli去开启一个代理服务器。方法一:在vue.config.js中添加如下配置//开启代理服务器(方式一)devServer......
  • Linux系统Shell脚本:条件测试、正整数字符串比较与if、case语句
    一、条件测试1、三种测试方法①test命令测试②[]测试(注意前后需要有空格)③[[]]加强版[],测试支持通配符和正则表达式三种测试方法选项:-d测试是否为文件夹-f测试是......
  • vue---day01与day02
    上节回顾#1jwt源码分析 -签发: 登录----》ObtainJSONWebToken--->post--->serializer.is_valid()--->走了校验---》正常登录逻辑可以拿到序列化类的validate中写-......
  • 字符串的输入输出函数
    字符串的输入和输出一:字符串输入gets()函数:用来读取整行输入,直至遇到换行符,然后丢弃换行符,储存其余字符,并在这些字符的末尾添加一个空字符使其成为一个C字符串。它经常......
  • Vue3使用vue-router如何实现路由跳转与参数获取
    //跳转传参import{useRouter,useRoute}from'vue-router';constrouter=useRouter()constroute=useRoute()//新开页functionjump(id){consturl=router.......