Vue.js 带有复选框的el table列中无法排序

Vue.js 带有复选框的el table列中无法排序,vue.js,element-ui,Vue.js,Element Ui,当我尝试使用第一列或第二列进行排序时,除了最后一列中的复选框之外,其他行都被排序。最后一列是否根据我的代码不相交 <el-table :data="items" stripe style="width: 50%"> <el-table-column prop="email" label="email" sortable></el-table-column> <el-table-column

当我尝试使用第一列或第二列进行排序时,除了最后一列中的复选框之外,其他行都被排序。最后一列是否根据我的代码不相交

<el-table :data="items" stripe style="width: 50%">
                <el-table-column prop="email" label="email" sortable></el-table-column>
                <el-table-column prop="username" label="Username" sortable></el-table-column>
                <el-table-column label="Enable">
                    <template slot-scope="scope">
                        <el-checkbox :checked="scope.row.isSelected" @change="toggleEnable(scope.row)"  />
                    </template>
                </el-table-column>
            </el-table>

因此DOM基本上没有更改,因此Vue无法识别更改。要给Vue一个提示,使其能够跟踪每个节点的标识,从而重用和重新排序现有元素,您需要为每个项提供唯一的键属性。对于元素ui表,您应该填写
行键
属性。在

添加
行键将解决您的难题

另一种方法是将
:选中的
替换为
v-model
。但是仍然可以提供
行键