vue elment table根据返回值修改样式
2024-09-01 11:25:56
今天在写vue项目的时候,查询出的数据库的数据想根据条件修改显示。查询资料有一个
:formatter,可以实现这个效果,废话不多说,这个是我的例子:
<el-table-column prop="operatetime" label="关联时间" :formatter="timeFormat"></el-table-column>
timeFormat是一个方法
methods: {
timeFormat(row, column) {
const date = new Date(row.operatetime);
var year = parseInt(date.getFullYear());
if (year > 2018) {
return row.operatetime;
} else {
return "";
}
}
后来,我又想在结果里面加一些样式,我像这样写"<span style="color:red">关联时间</span>",
答案当时是不行的。正在苦恼之际,看到这个大神写的,地址如下:
https://blog.csdn.net/qq_35493664/article/details/83832497
就完美解决了,Remark一下!
如下:
<el-table-column prop="relationemid" label="关联状态">
<template scope="scope">
<span v-if="scope.row.relationemid===1" style="color: blue">已关联</span>
<span v-else>未关联</span>
</template>
</el-table-column>
最新文章
- oracle数据库从入门到精通之三
- MSVCRTD.lib(mfc.obj) : error LNK2019: 无法解析的外部符号 _WinMain@16,该符号在函数 ___tmainC (转)
- 无法访问 IIS 元数据库。您没有足够的特权访问计算机上的 IIS 网站
- ASP.NET MVC使用Bundle来打包压缩js和css
- Server Apache Tomcat v7.0 at localhost failed to start.
- POJ2478 - Farey Sequence(法雷级数&;&;欧拉函数)
- python 中 time 模块 格式化 format
- ASP.Net零碎
- 前端之 CSS&#129302;
- linux socket编程:简易客户端与服务端
- linux下 vi命令编辑/etc/my.cnf
- 笔记:Zygote和SystemServer进程启动过程
- SkylineGlobe MFC C++ 开发示例代码
- vue中导入外面文件(css,js)方式
- NodeJs完全迁移到D盘,形成绿色安装版
- 微信小程序----搜索框input回车搜索事件
- ansible1
- 读论文《BP改进算法在哮喘症状-证型分类预测中的应用》
- XXX全球 IP 地址库
- 装上了Fedora19