超级会员免费看
文章描述了一个在前端开发中封装Vue组件的过程，该组件用于实现多选的下拉框合同选择，具有分页显示和回显已选功能。用户点击弹窗选择合同，选定后以逗号分隔的ID传给后端，同时在输入框显示合同名称。组件还处理了回显问题，确保已选择的合同在再次打开弹窗时被正确选中。
不知道怎么描述这个东西了。。el-select下拉框大家都知道，但是下拉框只能选择一个，而且如果数据太多的话也不太容易选择，所以这里就是封装了组件包含对应的弹窗，就是能实现多选，而且列表也是分页展示的，选择完之后将对应的名称展示在文本框中，传给后端对应的用逗号隔开（用什么隔开都可以，跟后端商量）的id
大致的效果图就是：
这个关联合同就是我们封装的，输入框添加了disabled，不可编辑的，只能通过点击右侧弹窗来进行选择。点击弹窗之后的效果图：
这里我们要考虑的就是：
- 点击弹窗要展示出列表，进行选择，选择完之后点击确定要将对应的名称展示出来，多个就用逗号隔开，然后拿到对应id对应赋值。
- 第二就是回显的
订阅专栏 解锁全文
扫一扫
488
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
