2021-04-21

elmentUI表格选中一条数据，全选图标出现，多选乱码问题

今天份踩坑elementUI table组件，代码写着好好的，突然回头一点，卧槽随便点击选择一条数据，上面全选的标志就出现了，找了半天没解决，我麻烦了
解决办法如下:

1. select-changge属性，配置可选择的表格
2. 该属性必须配置row.key属性，为你表格数据中的唯一项，可以理解为主键一样
3. 需要保证row.key值不为空，不然会vue原型key属性错误
4. 确认以上三点就能保证我们table表格的正常选择，多选，多选等

elmentUI表格中的性别判断

我们的表格数据中，常常有性别这一栏，后端返回状态为数字（1男2女），如何展示到表格中就变成男女呢，elementUI给了一个参数

1. 属性 :formatter="formatter
2. 例如，表格列:
   <el-table-column
   prop=“sex”
   label=“性别”
   :formatter=“formatter”

3.判断方法:
formatter(row, column) {
return row.TableIsbibei === 1? “男” : “女”;
},