[JavaScript知识库]vue常用语句记录

vue

• table点击行选中

<el-table @row-click="clickRow" >

clickRow(val) {
  this.$refs.table.toggleRowSelection(val);
}

// $nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM
this.$nextTick(function () {
  this.trainPeopleTable.forEach(row=>{
    if(this.selectList.indexOf(row.staffId) >= 0){
      this.$refs.trainPersonTable.toggleRowSelection(row);
    }
  })
})

• 更改table编辑状态editing

this.$set(this.jtcyData, index, Object.assign({}, row, {
        "editing": false
}));

• table点击行选中

<el-table @row-click="clickRow" >

clickRow(val) {
  this.$refs.table.toggleRowSelection(val);
}

// $nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM
this.$nextTick(function () {
  this.trainPeopleTable.forEach(row=>{
    if(this.selectList.indexOf(row.staffId) >= 0){
      this.$refs.trainPersonTable.toggleRowSelection(row);
    }
  })
})

• 更改table编辑状态editing

this.$set(this.jtcyData, index, Object.assign({}, row, {
        "editing": false
}));