jeecg-boot Vue2前端-下拉搜索框j-search-select-tag

个人项目开发的一些经验已经实践过的代码

官网提到了怎么弄，但是很多细节官网还没完善的，我个人作为开发者提供一下代码给你们参考以及使用

以上是效果
现在讲下实现的过程

首先

<a-row :gutter="24"><a-col :span="12"><a-form-model-item label="字典搜索多选(异步)" prop="asyncMultipleValue"><j-search-select-tag
            placeholder="请做出你的选择"
            v-model="formData.asyncMultipleValue"
            dict="sys_depart,depart_name,id":pageSize="6":async="true"
            mode="multiple"></j-search-select-tag></a-form-model-item></a-col><a-col :span="12">选中值：{{ formData.asyncMultipleValue}}</a-col></a-row>

此处

dict="sys_depart,depart_name,id"

是jeecg-boot 官网封装好的一个组件，这个组件。

sys_depart,depart_name,id

这个的意思是
去

sys_depart

表里 ，查询的列

depart_name

，

id = key

也就是说值。

以上是简单的操作那么复杂有怎么弄呢，可以这么做
把

dict="sys_depart,depart_name,id"

改成

:dict="dictstring"

dictstring

定义一个查询语句
例如我要查询

dictstring:"sys_depart where create_by like '"+this.$store.getters.userInfo.username +"',depart_name,id",

中间可以加 where 语句进行模糊查询更多内容，或者符合自己需求的内容，这里按照自己需求来改

这样就可以解决比较复杂的查询，如果你们还有更加复杂的可以评论区发出来我会帮你解决！

下一章搞一个更复杂的表内容在表里进行查询

这个是表里面的输入异步查询，很实用。记得关注我哦