vue iviewUI里面的 Checkbox 多选框 多组全选或者全不选_vue+iview多组checkbox

36 阅读3分钟

最后

中年危机是真实存在的,即便有技术傍身,还是难免对自己的生存能力产生质疑和焦虑,这些年职业发展,一直在寻求消除焦虑的依靠。

  • 技术要深入到什么程度?

  • 做久了技术总要转型管理?

  • 我能做什么,我想做什么?

  • 一技之长,就是深耕你的专业技能,你的专业技术。(重点)

  • 独立做事,当你的一技之长达到一定深度的时候,需要开始思考如何独立做事。(创业)

  • 拥有事业,选择一份使命,带领团队实现它。(创业)

一技之长分五个层次

  • 栈内技术 - 是指你的前端专业领域技术

  • 栈外技术 - 是指栈内技术的上下游,领域外的相关专业知识

  • 工程经验 - 是建设专业技术体系的“解决方案”

  • 带人做事 - 是对团队协作能力的要求

  • 业界发声 - 工作经验总结对外分享,与他人交流

永远不要放弃一技之长,它值得你长期信仰持有

主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue 等等。

开源分享:docs.qq.com/doc/DSmRnRG…

部分全选选中的状态:

打印选中的id:

主要代码如下:

code:

<div class="group_item" v-for="(items,key) in historyDataList" :key="key">
                    <div class="titles">
                        <span> {{items.areaName}}: </span>
                    </div>
                    <div style="padding:10px;">
                        <Checkbox
                            :indeterminate="items.indeterminate"
                            :value="items.checkAll"
                            @on-change="handleCheckAll($event,items,key)"
                            >全选</Checkbox>
                    </div>
                    <CheckboxGroup v-model="saveGroupList" :value="items.checked" @on-change="checkAllGroupChange($event, key)">
                        <Checkbox v-for="(areaItem,index) in items.list" :key="index" :label="areaItem.areaId">{{areaItem.areaName}}</Checkbox>
                    </CheckboxGroup>           
                </div>

注意有一个回显的问题,这上面没有写;有需要自行完善;

最后为了方便大家的沟通与交流请加QQ群: 625787746

最后

整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》

前端面试题宝典

前端校招面试题详解