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']
            }
        } });