formatter是什么？-程序员宅基地

技术标签： elementui vue.js javascript

1，formatter是什么？

简单点：就是首先拿到这个单元格的值，通过函数return返回一个新值再来给这个单元格

2，formatter是elmentUI中的el-table-column的一个属性，用来格式化内容。（比如后台给你返1或2或者3，你需要展示成“单选”和“多选” “简答”）

函数写法：formatter (row, column, cellValue, index) {

“给判断或者筛选数组的然后 retrurn返回”

}

默认有四个参数（row, column, cellValue, index）

value 和 cellValue一样：表示当前单元格中的值，或者说是内容
row：表示当前行

column：表示当前列
index：表示当前行的下标
可以使用return返回想要的数据显示在单元格中

代码如下（示例）：

 <el-table :data="tableData" >
       <el-table-column
         prop="questionType"    // 它是传入的是 显示 1 或者 2 或者 3
         label="题型"  
         align="center" 
         :formatter="formatter"  //element中的格式化内容，可以在函数中使用return返回想要的数据显示在单元格中
         min-width="40">
       </el-table-column>
//...此处省略

import { questionType } from '@/constants.js'  //把下面黑框的代码， 默认导入
methods: {
    // 格式化数据(题型) 
    formatter (row, column, cellValue, index) {
      // console.log(cellValue)  它是显示1 或者 2 或者 3
      // 对象.find() 表示筛选条件找到了满足要求的，就立马返回，后面不管了有没有满足添加条件，就不筛选判断了
      const res = questionType.find(item => item.value === +cellValue)
      return res ? res.label : '未知'
    }
// ...此处省略
}

// 题型   这个文件constants.js  放了下面的代码  默认导出

export const questionType = [
  {
    value: 1,
    label: '单选'
  },
  {
    value: 2,
    label: '多选'
  },
  {
    value: 3,
    label: '简答'
  }
]

本文链接：https://blog.csdn.net/fan023211/article/details/125611223

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

数字频率计的功能及工作原理-程序员宅基地

文章浏览阅读2.4w次，点赞8次，收藏82次。2.1数字频率计功能概述数字频率计数器的基本功能是测量一个频率稳定度高的频率源的频率。通常情况下计算每秒内待测信号的脉冲个数，此时我们称闸门时间为1秒。闸门时间也可以大于或小于一秒。闸门时间越长，得到的频率值就越准确，但闸门时间越长则没测一次频率的间隔就越长。闸门时间越短，测的频率值刷新就越快，但测得的频率精度就受影响。本数字频率计是用数字显示被测信号频率的仪器，被测信号可以是正弦波，方波或其它周期性变化的信号。2.2 基本工作原理及设计思路根据频率计设计的设计要求，我们可将整个电路系统划分._数字频率计

SparkSQL的Shuffle分区设定及异常数据处理API（去重、缺失值处理）_spark dropduplicates 不同分区怎么解决-程序员宅基地

文章浏览阅读441次。在Spark SQL中，当Job中产生Shuffle时，默认的分区数（spark.sql.shuffle.partions）为200，在实际项目中要合理的设置。在允许spark程序时，查看WEB UI监控页面发现，某个Stage中有200个Task任务，也就是说RDD有200分区Partion。功能：如果数据中包含null通过dropna来进行判断，符合条件就删除这一行数据。功能：对DF的数据进行去重，如果重复数据有多条，取第一条。功能：根据参数的规则，来进行null的替换。_spark dropduplicates 不同分区怎么解决

序列模型（RNN-GRU-LSTM-BRNN-Deep RNN）_brnn 向量序列-程序员宅基地

文章浏览阅读5.4k次，点赞2次，收藏16次。LSTM原理，应用。从循环神经网络（Recurrent Neural Network，RNN）可以通过许多不同的方式建立，但就像几乎所有函数都可以被认为是前馈网络，基本上任何涉及循环的函数可以被认为是一个循环神经网络。它的基本结构以及其展开的理解如下图所示：同一网络被视为展开的计算图，其中每个节点现在与一个特定的时间实例相关联................_brnn 向量序列

什么是深度学习，深度学习和机器学习有什么关系？_深度学习,是机器学习的一种特定技术,称其为深度,是因为他有()结构。-程序员宅基地

文章浏览阅读3.2k次。深度学习的概念源于人工神经网络的研究。含多隐层的多层感知器就是一种深度学习结构。深度学习通过组合低层特征形成更加抽象的高层表示属性类别或特征，以发现数据的分布式特征表示。晦涩难懂的概念，略微有些难以理解，但是在其高冷的背后，却有深远的应用场景和未来。深度学习是实现机器学习的一种方式或一条路径。其动机在于建立、模拟人脑进行分析学习的神经网络，它模仿人脑的机制来解释数据。比如其按特定的物理距离连接；..._深度学习,是机器学习的一种特定技术,称其为深度,是因为他有()结构。

bootstrap tab切换后，刷新页面回到被选中的tab页签_bootstrap刷新页面-程序员宅基地

文章浏览阅读686次。描述：当使用bootstrap 的tab 进行页面切换后，一刷新页面，又回到了第一个初始页，从而又得重新切换，实现目标：例如当前切换到第三个页面后，刷新页面自动定位到第三个tab页面中。_bootstrap刷新页面

uniapp视频播放器（h5+app）

这是关于一篇在uniapp使用video视频播放器，支持自定义播放器样式，支持手势操作，选集、倍数和清晰度切换，支持SRT字幕格式。

随便推点

全国首届“公安实战声纹和语音应用技术研讨会”成功举办_马鲁朋菏泽-程序员宅基地

文章浏览阅读1.2k次。11月24日-25日，由中国人民公安大学网络空间安全与法治协同创新中心主办、厦门快商通科技股份有限公司承办的全国首届“公安实战声纹和语音应用技术研讨会”在厦门成功召开。会上，与会嘉宾联合宣布成立“公安实战声纹语音案件技术交流联盟”，共同搭建高质量、高水平的系列化交流平台，持续为智慧警务建设注入新动能。厦门市公安局刑事侦查支队技术处处长任松、中国人民公安大学网络空间安全与法治协同创新中心秘书长..._马鲁朋菏泽

MATLAB中通讯常用的fread和fscanf的使用心得_matlabfread和fscanf区别-程序员宅基地

文章浏览阅读5.8k次，点赞2次，收藏11次。相信大家都都时不时的会遇到有关MATLAB中的串口或者网口的通讯，其中都会涉及到fread或者fscanf 的使用，接下，作者将首先参考matlab给出的对fread和fscanf的文档，并且做出相关的理解。1、freadstep 1 文档内容fileID = fopen('nine.bin','w');fwrite(fileID,[1:9],'uint16'); %其中unit16，是指传入的..._matlabfread和fscanf区别

逆向_base64_rc4_----笔记_mdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmd-程序员宅基地

文章浏览阅读1k次。新人…学校比赛，没什么经验，上去见见世面某公司的月赛题资源就不放了，只是当笔记Ida打开有点小陷阱巧妙的堆栈运用导致载入ida分析不了得不到函数的边界比较幸运win32的程序od打开走一遍流程感受下00AD12E7 . 52 push edx00AD12E8 . 68 C821AD00 push 5ba358a4.00AD21C8 ..._mdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdawmdaw