Vue中数据截取换行显示(v-html用法)_el-table 内容使用v-html显示换行-程序员宅基地

技术标签: # Vue  vue.js  

_1.Vue表格内容数据显示_
1  <el-table-column label="详细" min-width="200">
2           <template slot-scope="scope">
3               <span v-html="**cutout(scope.row.log\_op\_detail)"**/>(取到字段里对应的内容,调用cutout方法)v-html会将其中html标签解析后输出。
4             </template>
5   </el-table-column>  
  

2.编写一个方法按逗号分割内容,把逗号替换成换行符号

1 methods: {
2     // 截取数据
3 cutout(cellValue) {
4       return cellValue.replace(/\\,/g, '</br>')
5 }
6 }
数据库中存入的内容
变更到的房间号:555,原房间号:555,酒店入住单号:1111,客人姓名:xxx(字段 **log\_op\_detail** 里对应的内容)

3.效果图展示

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Milogenius/article/details/124876380

智能推荐

团队作业9——项目验收与总结-程序员宅基地

文章浏览阅读113次。1、项目的测试情况参考alpha阶段的测试要求回归测试:在修改/增加功能的情况下,请用回归测试,重新运行alpha版本的测试用例,确认beta版是否存在“退化”alpha版本的基本界面:beta版本的基本界面:2、项目的发布说明,主要包含:本版本的新功能:添加了记分功能软件对运行环境的要求:JAVA运行环境(JDK和JRE)系统已知的问题和限制::没有实际在32位的机器上运行过..._项目验收报告 应用数据部署等方面的架构设计

如何处理分类中的训练数据集不均衡问题_训练数据不平衡-程序员宅基地

文章浏览阅读2.9k次。本文参考自:http://blog.csdn.net/heyongluoyao8/article/details/49408131,有删改。 什么是数据不均衡? 在分类中,训练数据不均衡是指不同类别下的样本数目相差巨大。举两个例子: ①在一个二分类问题中..._训练数据不平衡

LVS 负载均衡群集 ---------- NAT(地址转换)模式_192.168.100.184-程序员宅基地

文章浏览阅读1.6k次。LVS 负载均衡群集 -------等你观看噢~_192.168.100.184

送给Mickey的礼物_c++送给mickey的礼物 题目描述 mickey要过生日了,kitty想摘点花生送给mickey-程序员宅基地

文章浏览阅读534次。题目描述Mickey要过生日了,Kitty想摘点花生送给Mickey。她来到一片有网格状的矩形花生田(如下图),从西北角进去,东南角出来。地里每个道路的交叉点上都有种着一株花生苗,上面有若干颗花生,经过一株花生苗就能摘走该它上面所有的花生。Kitty只能向东或向南走,不能向西或向北走。请帮助Kitty计算一下最多能够摘到多少颗花生?输入格式输入文件的第一行,是一个整数T,表示测试数据的组数,1≤T≤100对于每组测试数据:第一行,是整个整数,分别代表花生苗的行数R和列数C(1≤._c++送给mickey的礼物 题目描述 mickey要过生日了,kitty想摘点花生送给mickey。她

TCP/IP协议 - 三次握手四次挥手(入门易懂版)_6、三次握手、四次挥手-程序员宅基地

文章浏览阅读4.3k次,点赞9次,收藏26次。握手通俗理解为两个人见面Say Hai,客户端和服务端建立连接挥手就可以理解为两个人结束会面,要Say Goodbai,客户端和服务端断开连接要了解什么是三握四挥,必须要了解一个重要的知识点:什么是TCP报文格式,也就是三握四挥中传送的内容是什么,遇到什么格式才能触发服务端和客户端的交流。TCP报文格式TCP报文是TCP层传输的数据单元,也叫报文段从上向下依次来看:1.端口号:用来标识同一台计算机的不同的应用进程,比如熟悉的80端口,3306..._6、三次握手、四次挥手

tensorflow基础学习-anaconda方式安装tensorflow(gpu-2.5版本)_anaconda安装tf2.15-程序员宅基地

文章浏览阅读3.9k次,点赞6次,收藏30次。基于tensorflow1.0+太混乱了,博主转战2.5tensorflow1.0+相应的安装过程可以见tensorflow1.15.0安装1、安装前确定版本信息2、创建虚拟环境打开Anaconda中的 Anaconda Prompt输入命令创建新的虚拟环境conda create -n TF25GPU python=3.7.0注意安装的版本,这里的版本和上面的表格是对应的3、激活虚拟环境输入命令conda activate TF25GPU 在服务器上输入必须加入conda_anaconda安装tf2.15

随便推点

hi3519av100改用传参设备树方式启动_hi3559a 网口设备树-程序员宅基地

文章浏览阅读744次。hi3519av100改用传参设备树方式启动文章目录hi3519av100改用传参设备树方式启动使用简单的测试设备树进行分析编译与反编译u-boot获取设备树内容u-boot传递设备树内容u-boot传递设备树内容 `linux`内核启动需求的`Setup boot data`时可以通过两种方式:Setup the kernel tagged listSetup the device treelinux-4.9.37/Documentation/arm/Bootinghi3519av1_hi3559a 网口设备树

html设置背景图片颜色,CSS设置背景图片及背景颜色示例-程序员宅基地

文章浏览阅读7.1k次。1.设置背景颜色background-color是CSS中的背景颜色属性,这个属性用于为HTML元素设定背景颜色,可以设置整个网页的背景颜色,也可以设置网页中某部分元素的背景颜色,比如表格背景颜色、层背景颜色等等。示例1:这段代码设置整个网页的背景颜色为蓝色#0080FFtype="text/css">2.设置背景图片(1)background-image是CSS中的背景图片属性,这个属性用于为H..._html设置两个背景颜色如何区分

用Python读取excel文件的指定单元格_python 查找excel内容所在的单元格-程序员宅基地

文章浏览阅读1.2k次,点赞11次,收藏10次。常用的读取Excel文件数据的Python库有3种:(1)xlrd(3)pandas读取xlsx或者xlsm文件,选择openpyxl和pandas提供的接口;如果是xls文件,可以选择xlrd。这里记录一下我在读取.xlsm文件过程中遇到的问题、以及验证通过的代码。_python 查找excel内容所在的单元格

【捷克生活点滴】—系列之:毕业感言_捷克大学毕业难 原创-程序员宅基地

文章浏览阅读350次。 这一天,我等了已经很久了! 终于等到实习完了!这一年,说长不长,说短不短,不过马马虎虎总算过完了,可以回学校办理毕业了! 这一天,我已经盼了很久了!在学校这个漫长的温室里,我生活了整整14年,这一天后,我总算彻底自主自由了! 学校这个机构,不像商店和谈生意,还有价钱可讲,有商量的余地,可在学校,学校说要交多少费用,你就不得不交,而且一分都不_捷克大学毕业难 原创

springboot 1.5.x slf4j + logback 动态修改日志输出级别与actuator权限控制_logback日志读写权限-程序员宅基地

文章浏览阅读1.2k次。首先要求springboot 版本为1.5.x之上。2.x未试验过下面我们就来看看Spring Boot 1.5.x中引入的一个新的控制端点:/loggers,该端点将为我们提供动态修改Spring Boot应用日志级别的强大功能。该功能的使用非常简单,它依然延续了Spring Boot自动化配置的实现。首先导入依赖 actuator<dependency> &l..._logback日志读写权限

移动光猫路由改桥接降低延时初尝试_gs3101改桥接模式-程序员宅基地

文章浏览阅读1.5w次。1.为什么要改光猫桥接模式?1、光猫内置 WiFi 信号差。2、可能会存在运营商 DNS 劫持和 http 劫持,强制推送广告等问题3、解锁更多高级玩法:配置软路由、多播、科学上网、过滤广告、动态域名、端口映射、智能流控等2.结论光猫型号:吉比特GS3101管理员账号:CMCCAdmin 密码:aDm8H%MdA其他光猫仅供参考3.方法光猫超管部分普通用户登陆路由器打开路由器管理地址192.168.1.1,先使用路由器后面的账号密码如user,cnb28登陆到路由器中。2.打开_gs3101改桥接模式

推荐文章

热门文章

相关标签