VUE使用el-ui的form表单输入框批量搜索<VUE专栏三>

针对form表单的输入框单号批量查询,这里用换行符进行分割,注意v-model不要使用.trim

VUE使用el-ui的form表单输入框批量搜索<VUE专栏三>_第1张图片

 前端代码:

 
           
  

后端代码:

        /**
         * sku支持批量查询,换行符分隔
         */
        queryDTO.setProdNumbers(StringUtils.trim(queryDTO.getProdNumbers()));
        if (StringUtils.isNotBlank( queryDTO.getProdNumbers())) {
            String[] prodNumberArr = StringUtils.split(queryDTO.getProdNumbers(), "\n");
            queryDTO.setProdNumberList(new ArrayList());
            for (String prodNumber : prodNumberArr) {
                if (StringUtils.isNotBlank(prodNumber)) {
                    queryDTO.getProdNumberList().add(StringUtils.trim(prodNumber));
                }
            }
        }

mapper.xml

  
                AND erp_prod_in.prod_number IN
                
                    #{prodNumberList[${index}]}
                
            

你可能感兴趣的:(vue,vue.js,前端,javascript)