<el-table-column label="状态" min-width="130" fixed="right" align="center"> <el-switch v-model="enable[findRowNumber()]" :active-value="1" :inactive-value="0" active-text="开启" inactive-text="关闭" /> </el-table-column>这段代码中的findRowNumber用于获取当前的el-table-column元素是第几个el-table-column元素,帮我写出这个函数的定义
时间: 2023-07-06 19:39:54 浏览: 159
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
好的,根据你的要求,我来给你写一个findRowNumber函数的定义,代码如下:
```
methods: {
findRowNumber() {
let currentColumn = this.$parent // 获取当前列的组件实例
let columns = this.$parent.$children // 获取所有列的组件实例
for (let i = 0; i < columns.length; i++) {
if (columns[i] === currentColumn) {
return i
}
}
return -1 // 如果没找到,则返回 -1
}
}
```
这个函数的实现思路是先获取当前列的组件实例,再获取所有列的组件实例,然后遍历所有列,如果找到当前列,则返回该列的索引;如果没找到,则返回 -1。由于这个函数是在 Vue.js 组件中使用的,所以需要定义在 Vue.js 组件的 methods 属性中。
阅读全文