VUE|VUE scope 获取当前下标
【VUE|VUE scope 获取当前下标】https://www.cnblogs.com/whowhere/p/10029
通过 Scoped slot
可以获取到 row, column, $index 和 store(table 内部的状态管理)的数据:
{{scope.row}} =>获取整行的数据
{{scope.$index}} => 行的下标
使用:
{{ scope.row.userSex === 1 ? "男" : "女" }}
/el-table-column>
/el-table>
2.只绑定一个数据,例如:sex:'女'
再通过formatter属性来格式化数据(定义没有数据的显示内容)如下:
getSexType(row, column) { return sexType(row[column.property]) }
row[column.property] => 获取表格里数据
sexType => 定义的公共方法(逻辑)
275.html
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- EditText默认不获取焦点弹出键盘
- VueX--VUE核心插件
- whlie循环和for循环的应用
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX(Vuex|VueX(Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)