Vue element怎么获取table表格当前行数据和索引值

怎么拿表格当前行数据平时我们在使用表格时通过template的slot-scope=“scope”，使用scope.row拿到当前行的数据<el-table max-height="290" :data="userTableData" border style="width: 100%"><el-table-column label="名字"><template sl

ʚ梅梅ɞ

17379人浏览 · 2020-12-12 17:25:08

ʚ梅梅ɞ · 2020-12-12 17:25:08 发布

怎么拿表格当前行数据

平时我们在使用表格时通过template的slot-scope=“scope”，使用scope.row拿到当前行的数据

<el-table max-height="290" :data="userTableData" border style="width: 100%">
	  <el-table-column label="名字">
		    <template slot-scope="scope">
		      {{scope.row.name}}
		    </template>
	  </el-table-column>
	   <el-table-column label="年龄">
		    <template slot-scope="{row}">
		      {{row.age}}
		    </template>
	  </el-table-column>
</el-table>

怎么拿表格当前行索引值

<el-table max-height="290" :data="userTableData" border style="width: 100%">
	  <el-table-column label="序号">
		    <template slot-scope="scope">
		    	  {{scope.$index+1}} 
		    </template>
	  </el-table-column>
</el-table>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^