vue2前端引用Jquery完成复选框多选
通常我们使用element-ui中el-table的多选模板完成列表的多选,但是有时需要把表格进行拆分,此时仅凭element-ui中的控件可能无法实现拆分后的多选。由于vue是JavaScript的前端框架,所以我考虑使用js来实现。jQuery作为JavaScript 的补充和扩展,可以更高效地编写 JavaScript 代码,在npm中也有相关的引用。
1、下载 jQuery依赖包
npm i jquery -S
2、引入jquery
import $ from "jquery";
3、element-ui的el-checkbox的绑定属性:label=""中无法绑定实体对象,我们先把绑定的对象序列化,并在其改变事件中来获取选中的复选框的值(已序列化为json格式的字符串),将其反序列化后加入到定义的数组中即可,如下图:
最后,就可以是实现复选框的多选了!
参考文档:npm官网、Element-UI
标签:Jquery,vue,多选,JavaScript,复选框,ui,element,序列化 From: https://www.cnblogs.com/keepingstudying/p/18028056