vue3element如何通过表格外的按钮来控制表格内部的所有状态全选全不选

想要在vue3ui框架的表格外部来控制表格内部的所有状态的话,需要获取到表格的实例来进行控制。vue3如何获取表单的实例呢?



 上面表格绑定的ref就是你下面定义的也就是这个表格的实例

ref="multipleTableRef"

const multipleTableRef = ref()

如果在表格外部切换表格内部的所有状态的话需要配合表格的toggleAllSelection事件来进行全选全不选,代码如下

      //html片段
      删除选中

//js片段
const all = () => {
    multipleTableRef.value.toggleAllSelection()

}

这样就可以在表格外部来实现表格内部的全选全不选的状态切换了

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