首先，来看下效果图 在线体验地址：https://hxkj.vip/demo/multipleList/。温馨提示，打开之后按F12，使用手机模式食用，口味更佳！ 可以看出，这个列表有三种展现形 ...

代码： . ...

（除全选框外）数组checkModel ，vue会动态将其checked为true的input的val ...

...

vue实现全选效果 ...

HTML代码： Vue代码： 代码的引用的地址是：https://c.runoob.com/codedemo/3870 里面有效果 　　这一段代码里面最难理解的就是为什么会全选上，这主要是因为checkedArr里面预先定义了有上面复选框里面的值 ...

参考：https://blog.csdn.net/maidu_xbd/article/details/105906600 https://www.jb51.net/arti ...

查询时 在sql文件中 ...