一个简单的联系人及组织架构选择人员的实现

430 阅读1分钟

前言:技术实现:Vite+vue3+ts+vant。

本次主要是因为本人说了一个类似的功能,前期遇到了很多坑,导致 进度缓慢。虽然可以实现,但是都基于多个数组操作的情况,当涉及功能修改或优化,就很难实现了。 本文实现的demo基于一个很简单的思路,但是不常用很容易忽略或don't kown。

**思路:**在闯入一个数组绑定复选框时,让vant中的checkbox组件进行回显选中。此时取消其中一个,并不会 影响其他不存在checkbox中的id。

gittee:gitee.com/Ning2306545…

操作gif:

思路对应img:

注:其中肯定有很多有问题以及bug,ts运用还不娴熟,存在不少any。如有问题,请指正。(主要提供一个思路)