资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

Elementui如何在下拉多选时新增一个选择所有的选项-创新互联

这篇文章主要介绍了Element ui如何在下拉多选时新增一个选择所有的选项，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

成都网站建设哪家好，找创新互联公司！专注于网页设计、成都网站建设公司、微信开发、小程序开发、集团企业网站设计等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：纱窗等众多领域，积累了大量丰富的经验，同时也获得了客户的一致赞扬！

例如:




  
  Document
  
  
  


  
    
      
        
           
        
       
     
  
  

渲染如下:

Element ui如何在下拉多选时新增一个选择所有的选项

此时可以多选，如果想要选择所有选项时，得一个个去点击，这样不是很方便，我们可以在下拉框里新增一个选择所有的选项，通过watch用几行代码就可以实现与其它选项的互斥来实现一键多选，如下:




  
  Document
  
  
  


  
    
      
        
          
           
        
       
     
  
  

这样就可以互斥了，我们选择北京和上海时，选择器如下:

Element ui如何在下拉多选时新增一个选择所有的选项

点击选择所有时，如下:

Element ui如何在下拉多选时新增一个选择所有的选项

然后再点击其它选项，选择所有就会取消勾选了，例如选择深圳:

Element ui如何在下拉多选时新增一个选择所有的选项

这样实现了选择所有和其它选择项的互斥，而其它选择又可以多选。

感谢你能够认真阅读完这篇文章，希望小编分享的“Element ui如何在下拉多选时新增一个选择所有的选项”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!


网站题目：Elementui如何在下拉多选时新增一个选择所有的选项-创新互联
网页网址：http://cdkjz.cn/article/eggjg.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
达州托管服务器成都网站建设公司香港空间腾讯云重庆托管服务器兴久牧业成都企业网站维护成都网络公司成都响应式网站建设成都网站建设公司成都网站制作

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图