element-ui之级联选择器(Cascader) 全选功能

最新推荐文章于 2025-04-23 20:05:12 发布

小右8080

最新推荐文章于 2025-04-23 20:05:12 发布

阅读量6k

点赞数 2

分类专栏： element-ui 文章标签： javascript 开发语言前端

本文链接：https://blog.youkuaiyun.com/qq_27319361/article/details/121425735

版权

最近产品要求做一个省市区选择，效果就建议使用element-UI的cascader级联，这也是我第一次使用此插件，但要在原cascader级联基础上加一个“全选”按钮，查看官方文档没有关于全选功能属性设置。搜索也没找到好的方法解决。最后请教一个大牛，下面是实现全选的方法.
(官方文档地址：https://element.eleme.cn/#/zh-CN/component/cascader)
方法就是：从树结构中抽出数据。变与model结构就可以了。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"&g