vue.js - Vue-table-2 选择所有行选项

Question

我有一张使用 vue-table2.js 的表格。我需要放置一个输入复选框以使用 vue-table2.js 检查所有行。

我可以把它作为一个选项吗？

我想把箭头所指的那样。

（https://imgur.com/ilLj4Lz）

这是我的代码

        Vue.use(VueTables.ClientTable);

    new Vue({
        el: "#app",
        data: {
            checkedRows:[],         
            allSelected: false,
            showModal: false,                
            columns: ['selected','nameAr', 'nameEn', 'edit', 'del'],
            data: getData(),
            options: {
                headings: {
                    nameAr: 'News English Title',
                    nameEn: 'News Arabic Title',
                    edit: 'Edit',
                    del: 'Delete'
                },
                filterByColumn: true,
                sortable: ['nameAr', 'nameEn'],
                filterable: ['nameAr', 'nameEn']
            }
        } });

Answer 1

我可以改变它而无需做任何事情。

 Vue.use(VueTables.ClientTable);

    new Vue({
        el: "#app",
        data: {
            checkedRows:[],         
            allSelected: false,
            showModal: false,                
            columns: ['selected','nameAr', 'nameEn', 'edit', 'del'],
            data: getData(),
            options: {
                headings: {
                    nameAr: 'News English Title',
                    nameEn: 'News Arabic Title',
                    edit: 'Edit',
                    del: 'Delete'
                },
                filterByColumn: true,
                sortable: ['nameAr', 'nameEn'],
                filterable: ['nameAr', 'nameEn']
            }
        } });