vue+element table 第一行默认高亮

1.给table设置ref=‘multipleTable’2.给multipleTable设置默认值multipleTable=[]3.在获取数据的位置加上this.$refs.multipleTable.setCurrentRow(this.info,true);即可

weixin_45685394

3977人浏览 · 2019-09-29 10:32:44

weixin_45685394 · 2019-09-29 10:32:44 发布

1.给table设置ref=‘multipleTable’

<el-table :data="tableData" ref="multipleTable" :highlight-current-row='true'>
        
</el-table>

2.给multipleTable设置默认值multipleTable=[]

export default {
  data() {
    return {
       tableData:[],//整个列表数据记录
       multipleTable:[],
       datainfo:[],//某一行的数据信息
    }
  }
}

3.在获取数据的位置加上

  //从后台拿到数据后将第一条信息给this.datainfo或者直接取this.tableData[0]
  this.$refs.multipleTable.setCurrentRow(this.datainfo,true)

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}$/, //不连续的两位字母// /^