在vue中做个全选按钮思路

项目场景:在vue的Cascader中做个全选按钮思路

提示:这是在做项目中,有时会需要制作一个全选按钮来获取全部按钮,传给后端的时候只留有所有按钮的id,除了全选的id外


前言

在做项目中用cascader制作全选按钮


一、思路

<el-cascader v-model="ids" :options="idData" @change="handleChange"> </el-cascader>

1、获取所有的id(用递归的方法遍历拥有的子孩纸的id)存储在idData里,将全部按钮的Id push或者unshift进入到idData里面。

this.idData.unshift(push)({
id:'00',
idten:null,
level:1,
name:'全选',
parentId:null
}) 看你的IdData里的id对象是怎么定义的

2、另一个变量是ids,是选择后的值都存储在里面的

3、方法changeId(用于判断全选后的方法)

在这里插入图片描述
后面存储这次的idsOld=ids(存储上次的数据)

相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页