vue +elementUI,table,collapse 时间触发顺序问题

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

<el-collapse v-loading="loading" element-loading-text="拼命加载中" accordion>

//click1事件 <el-collapse-item :title="item.clientId+'-'+item.clientName"> <el-collapse accordion v-loading="loading2" element-loading-text="拼命加载中">

//click2事件 <el-collapse-item :title="role.roleName">

<el-button>批量删除</el-button> <el-button>批量增加</el-button>

<el-table :data="baseUser" @selection-change="handleSelectionChange" ref="multipleTable"> <el-table-column type="selection"></el-table-column> <el-table-column label="用户名" prop="username"></el-table-column> <el-table-column label="姓名" prop="name"></el-table-column> <el-table-column label="部门" prop="departmentId"></el-table-column> <el-table-column label="创建日期" prop="createTime" align="center"></el-table-column> <el-table-column label="状态" prop="archived" align="center" :formatter="statu"></el-table-column> <el-table-column label="操作" align="center"> <template scope="scope"> <el-button :plain="true" type="info" @click="bindRoles(scope.row.rolesDtos,scope.row.id)" style="margin-left: 10px">绑定角色</el-button> <el-button :plain="true" type="warning" @click="eidtMsg(scope.row.username)">修改信息</el-button> <el-button :plain="true" type="info" @click="resetPaswd(scope.row.username,scope.row.password)">重置密码</el-button> <el-button :plain="true" type="warning" @click="archiveUser(scope.row.username,1,scope.row.departmentId)" style="width: 88px">封存</el-button> </template> </el-table-column> </el-table>

                            </el-collapse-item>
                        </div>
                    </el-collapse>
                   <!-- <el-table :data="clientUser[item.clientId]" v-loading="loading1" element-loading-text="拼命加载中">
                        <el-table-column label="用户名" prop="username"></el-table-column>
                        <el-table-column label="姓名" prop="name"></el-table-column>
                        <el-table-column label="部门" prop="departmentsDto.name"></el-table-column>
                        <el-table-column label="角色:描述" prop="rolesDtos" :formatter="chooseRole"></el-table-column>
                        <el-table-column label="创建日期" prop="createTime" align="center"></el-table-column>
                        <el-table-column label="状态" prop="archived" align="center"  :formatter="statu"></el-table-column>
                        <el-table-column label="操作" align="center">
                            <template scope="scope">
                                <el-button  :plain="true" type="info" @click="bindRoles(scope.row.rolesDtos,scope.row.id)" style="margin-left: 10px">绑定角色</el-button>
                                <el-button :plain="true" type="warning" @click="eidtMsg(scope.row.username)">修改信息</el-button>
                                <el-button :plain="true" type="info" @click="resetPaswd(scope.row.username,scope.row.password)">重置密码</el-button>
                                <el-button :plain="true" type="warning" @click="archiveUser(scope.row.username,1,scope.row.departmentId)" style="width: 88px">封存</el-button>
                            </template>
                        </el-table-column>
                    </el-table>-->
                </el-collapse-item>
            </div>
        </el-collapse>

由代码所示 1、在collapse中嵌套一个collapse，里面的collapse中有一个table，在给这个table加上 selection列后，点击每一行的选择框没有反应，点击全选按钮会选择之后又变为未选择状态，，我感觉是click1和click2这两个事件的问题，是不是要设置下传播属性之类的？？，我用.prevent和stop，native什么的也不理想，哪位大佬能给我普及普及？

回到顶部