Vue ElementUI 是 Vue.js 的一套組件庫。在使用 ElementUI 進行表格數據展示時，我們經常需要實現批量選擇、全選與取消全選等功能。接下來，我們將介紹如何使用 ElementUI 實現全選功能。

首先，在需要實現全選的表格組件中引入 element-ui 庫：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

其次，在表格中定義全選框的列：

{
type: 'selection',
width: 60,
align: 'center'
}

然后，定義全選框的事件：

全選

最后，在定義表格變量時添加全選狀態：

data () {
return {
selection: [],
tableData: [
{ name: '張三', age: 18, address: '北京' },
{ name: '李四', age: 20, address: '上海' },
{ name: '王五', age: 34, address: '廣州' },
{ name: '趙六', age: 29, address: '深圳' }
]
}
},
methods: {
handleSelectionChange (val) {
this.selection = val
console.log(this.selection)
}
}

通過以上步驟，我們便可以輕松地實現全選功能。