antd 下拉多选传值到后台做查询操作

前端

<a-form-model-item label="年度" style="width:100%">
              <a-select
                placeholder="全部"
                type="list"
                mode="multiple"
                v-model="yearLis"
                allow-clear
                :max-tag-count="3"
                @change="$forceUpdate()">
                <a-select-option v-for="item in yearData" :key="item.code">
                  {
   {item.value}}
                </a-select-option>
              </a-select>
 </a-form-model-item>

data中：

{
	yearData:[],//用来接收数组
	queryParam：{
		yearList：'',//v-model中的值
	}
}

传递的时候需要处理下:将数组转为字符串，在传递到后台

this.queryParam.yearList= this.yearData.toString()

后台：
query中接受：

 @TableField(exist = false)
    private List<String> yearList;

xml中：

 <if test="param.yearList!=  null and param.yearList.size > 0 ">
                and art.heating_year in
                <foreach item="year" index="index" collection="param.yearList" open="(" close=")" separator=",">
                    #{year}
                </foreach>
  </if>

最终列表页面展示

以上描述是个人理解，有问题加qq 876942434，一起进步~