由于某种原因，Vuetify 表 @toggle-select-all 事件触发了两次

问题描述

我正在尝试全选并取消选择 Vuetify v-data-table 组件中的所有（过滤的）项目，我正在使用事件：@toggle-select-all 执行此操作，如下所示>

           <v-data-table
                v-model='selected'
                ref='table'
                :headers='headers'
                :items='results'
                :expanded.sync='expanded'
                @update:expanded='(item) => {
                    intraTableDialog = true;
                }'
                :item-key='searchModule.uniqueItemKey'
                :show-expand='expandableDataCheck'
                @click:row='(item,slot) => {
                    slot.isExpanded ? intraTableDialog = false : intraTableDialog = true;
                    slot.expand(!slot.isExpanded);
                    intraTableDialog = true;
                }'
                @toggle-select-all="() => {
                    if (selected == $refs.table.$children[0].filteredItems) {
                        selected = [];
                    } else {
                        selected = $refs.table.$children[0].filteredItems;
                    }
                }"
                @pagination='getNumberOfFilteredResults'
                :footer-props="{ 'items-per-page-options': [15,50,100,500,-1] }"
                height='750'
                fixed-header
                :items-per-page='500'
                :single-expand='true'
                show-select
                dense
                :search="generalSearch"
            >

此事件绑定到 v-data-table 中标题中的复选框，因此当我单击它时，它会触发此方法，但是，由于某种原因，它会触发两次。从技术上讲，它可以完成我想要它做的事情，只是如果我想取消选择所有内容，我必须单击两次，并且在最后添加“.stop”修饰符不起作用。

感谢任何帮助

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）