el-table的多选框 默认全选

el-table的多选框 默认全选

前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的。包括语音识别、机器翻译等从基础到实战都有,很详细,分享给大家。大家及时保存,说不定啥时候就没了。

使用toggleAllSelection()切换所有行的选中状态,刚初始化页面的时候即为全选

mounted () {
  this.$refs.dataTable.toggleAllSelection()
},

如果无效果就这样写

mounted () {
  this.$nextTick(()=>{
     this.$refs.dataTable.toggleAllSelection()
  })
},

如果加this.$nextTick还无效

  1. 检查是否单词写错,尤其是$ref后的单词
  2. 检查该功能之前是否设置过一次
    this.$refs.dataTable.toggleAllSelection()

参考

el-table的多选框(默认全选,条件性渲染,动态勾选等功能)

你可能感兴趣的:(项目,vue.js,javascript,前端)