formatter是什么？

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-columnprop="questionType"    // 它是传入的是 显示 1 或者 2 或者 3label="题型"  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: '简答'}
]

formatter是什么？相关推荐

Free Online SQL Formatter
SQL Formatter Web Service Free Online SQL Formatter SQL Parser engine used by SQL formatter 今日找了几个在线 ...
jQuery EasyUI DataGrid - 格式化列（formatter ）
以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色. 为了格式化一个数据网格(DataGrid)列,我们需要设置 ...
EasyUI-datagrid 对于展示数据进行处理(formatter)
一:声明datagrid列,在列中添加formatter属性,并指定js方法 columns = [[ { title: '编号', field: 'Id', width: 100, sortable ...
logging.Formatter 日期格式
formatter = logging.Formatter("%(asctime)s %(levelname)s %(message)s","%Y%b%d-%H:%M:% ...
Spring MVC-06循序渐进之Converter和Formatter
概述 converter Step 1 实现Converter接口 Step 2 SpringMVC配置文件中配置bean及设置conversion-service属性小Demo formatter ...
Echarts组件 tooltip提示formatter函数
图表提示框的内容修改和HTML样式解决 setChart(value) {let myChart = echarts.init(document.getElementById("fee&qu ...
EleemntUI中el-table的formatter格式化字典显示的使用
场景某些类似于用字典(键值对)存储的属性,比如操作员这种 1代表用户id 数组库存储的也是用户id,但是在页面上展示的是用户姓名数据库中存储czy是数字即用户的id 而要在页面上展示的是用户姓名 ...
easyui datagrid 表格组件列属性formatter和styler使用方法
明确单元格DOM结构要想弄清楚formatter和styler属性是怎么工作的,首先要弄清楚datagrid组件内容单元格的DOM接口,注意,这里指的是内容单元格,不包括标题单元格,标题单元格 ...
vue中展示列表，类似formatter方法及在vue中点击页面信息事件
后台返回文件路径及文件名,前端展示只需要展示文件名,在Easyui中使用formatter方法很轻松就实现了,在vue中,需要使用过滤方式: formatterfj方法为截取字符串返回文件名该方法应 ...
android Formatter 的使用
今天,简单讲讲android里的关于Formatter 的使用. 这几天换租房的位置,好累啊.弄得我写博客的习惯都没有按时完成.之前,我在看String.format的源码时,发现了String ...

formatter是什么？

formatter是什么？相关推荐

最新文章

热门文章