Vue-table-2 选择所有行选项答案

【问题标题】：Vue-table-2 select all rows optionVue-table-2 选择所有行选项
【发布时间】：2019-06-14 20:27:46
【问题描述】：

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

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

我想把箭头所指的那样。

这是我的代码

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

【问题讨论】：

标签： vue.js vue-tables-2

【解决方案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']
            }
        } });

【讨论】：