VUE使用el-ui的form表单输入框批量搜索
针对form表单的输入框单号批量查询,这里用换行符进行分割,注意v-model不要使用.trim
前端代码:
<el-form-item label="SKU编码:" prop="prodNumbers"><el-input type="textarea" :rows="4" placeholder="请输入SKU编码" v-model="addData.prodNumbers"></el-input>
</el-form-item>
后端代码:
/*** sku支持批量查询,换行符分隔
*/
queryDTO.setProdNumbers(StringUtils.trim(queryDTO.getProdNumbers()));
if (StringUtils.isNotBlank( queryDTO.getProdNumbers())) {
String[] prodNumberArr = StringUtils.split(queryDTO.getProdNumbers(), "\n");
queryDTO.setProdNumberList(new ArrayList<String>());
for (String prodNumber : prodNumberArr) {
if (StringUtils.isNotBlank(prodNumber)) {
queryDTO.getProdNumberList().add(StringUtils.trim(prodNumber));
}
}
}
mapper.xml
<if test="prodNumberList != null and prodNumberList.size() != 0">AND erp_prod_in.prod_number IN
<foreach collection="prodNumberList" index="index" open="(" close=")" separator=",">
#{prodNumberList[${index}]}
</foreach>
</if>
以上是 VUE使用el-ui的form表单输入框批量搜索 的全部内容, 来源链接: utcz.com/z/378290.html