Antd drop-down multiple options to transfer values to the background for query operations

front end

<a-form-model-item label=" year " style="width:100%">
              <a-select
                placeholder=" All "
                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 in ：

{
	yearData:[],// Used to receive arrays 
	queryParam：{
		yearList：'',//v-model The value in 
	}
}

It needs to be handled when delivering : Convert an array to a string , When transferring to the background

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

backstage ：
query Accept in ：

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

xml in ：

 <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>

Final list page display

The above description is personal understanding , If there is a problem, add qq 876942434, Progress together ~