`

搜索

export default {

data() {

return {

input: '',//用来接受input框的值

name:'',// 用来存储foreach的对应的值

id:'',// 用来存储foreach的对应的值

dq:''// 用来存储foreach的对应的值

}

},

methods:{

submit(){

console.log(this.input);// 打印

let str = this.input;// 声明变量接受input的值

let strArr = str.split(",");// 用来分隔str值 如 {1,2,3} 分隔后 {1},{2},{3}

console.log(strArr);

for(let i = 0;i

this.name = strArr[0];// name 接受第一个位置的值

this.id = strArr[1];// id 接受第二个位置的值

this.dq = strArr[2];// dq 接受第三个位置的值

var url = this.$global.serverPath + "/pulicApi/addInfo?name="+this.name+"&id="+this.id+"&dq="+this.dq

console.log(this.name+this.id+this.dq);// 打印

}

}

}

}

`

就是类似上图这种的搜索,就是一个搜索框输入多字段的值,点击搜索时向后台提交的时候。一个值对应一个字段:例如name=张三,id=0314这种的。

但是现在有一个问题就是如果说搜索框的值按照正常的输入内容,是没有问题的。name,id,dq依次输入。这种方式是可以接受到值,要是顺序乱了,id,name,dq按照这种的方式输入的话。后台接受到的值就乱了

求各位给个思路。

java中多个输入框搜索_如何在一个搜索框中输入多个字段的值进行查询?相关推荐

  1. IntelliJ IDEA 如何知道项目中的模块数据_如何从项目源中选择模块加入当前项目中(添加模块)_如何移除项目中的模块(移除模块/删除模块)

    文章目录 IDEA 如何获取项目的模块数据 从项目源中选择模块加入当前项目中 如何移除项目中的模块 方式一,选择模块的根目录(Content Root),鼠标右键 Remove 方式二,打开[项目结构 ...

  2. 熊猫数据集_处理熊猫数据框中的列表值

    熊猫数据集 Have you ever dealt with a dataset that required you to work with list values? If so, you will ...

  3. css中如何实现帧布局_浅谈web前端中的表格布局与CSS盒子布局

    在web前端设计排版时我们可能会用到表格布局和div+CSS布局,但现在主要使用后者,为何?今天我们来谈一谈两者之间的发展和原理. 话不多说下面来干货 发展过程 上个世纪Web开发人员流行使用表格进行 ...

  4. pads中如何设置等长_如何在Windows 10中设置和使用Hyper-V进行OS虚拟化

    信息 Windows 10 Pro,Education和Enterprise版本带有内置的虚拟机管理程序客户端Hyper-V,允许用户在虚拟机上创建和运行其他操作系统.尽管Hyper-V主要是为运行W ...

  5. vue中data定义数字类型_[乐意黎原创] Vue中data定义的三种方式和区别

    在 Vue中,定义data时,经常有好几种写法,一不小心会混淆,这里彻底详述一下,以便记分清 . 一.在vue中,定义data可以有三种写法. 1. 第一种写法,data是一个对象. var app ...

  6. c#去除组合框的可选条目_验证Excel组合框中的条目

    c#去除组合框的可选条目 One of my Excel sample files lets you double-click on a cell that has a data validation ...

  7. python开发的程序中以电子表格显示数据_使用 Python 读取电子表格中的数据实例详解...

    Python 是最流行.功能最强大的编程语言之一.由于它是自由开源的,因此每个人都可以使用.大多数 Fedora 系统都已安装了该语言.Python 可用于多种任务,其中包括处理逗号分隔值(CSV)数 ...

  8. gorm preload 搜索_翻译技术 | 搜索神器:Wox+Everything使用教程

    搜索神器:Wox+Everything使用教程 1. 工具简介 1.1 Everything Everything是一款占用内存低.搜索速度快的本地搜索软件,可以实现对于电脑本地硬盘中文件的的快速搜索 ...

  9. python中构造方法可以被继承吗_构造函数是在python中继承的吗

    我正在研究麻省理工学院6.00开放式课程的一个习题集,我有以下代码...在class Trigger(object): def evaluate(self, story): ""& ...

最新文章

  1. C# 视频多人脸识别的实现
  2. extundelete安装_Linux数据安全工具:数据恢复软件extundelete概述
  3. JAVA Roman to Integer 罗马数转换为int型方法
  4. python保存数据_Python 保存数据的方法(4种方法)
  5. 聊聊高并发(二十四)解析java.util.concurrent各个组件(六) 深入理解AQS(四)
  6. HDU - 6621 K-th Closest Distance——主席树+二分
  7. 适用于大型项目的TinyCircuits,硬件需求较小
  8. mybatis plugins_[Mybatis]-[基础支持层]-插件-plugin标签解析
  9. 换SSD硬盘,重装系统,一阵子忙乱
  10. Handsontable 自定义菜单 自定义命令存放位置
  11. 执行mvn 报错 source-1.5 中不支持 diamond运算符
  12. 数据库——添加外键约束
  13. 超全Inventor 3d模型素材网站整理
  14. 实验四|Python 企业偿债能力分析
  15. 敏捷组织︱如何打造VUCA时代的敏捷型组织?
  16. 计算机开机选择用户界面,Windows10每次开机都会出现选择操作系统界面的解决方法...
  17. 王阳明心学 之 心即理感悟
  18. 解决页面刷新数据丢失,数据持久化问题
  19. 20出头的人该怎么护肤?
  20. 程序员的 100款代码表白特效,一个比一个浪漫

热门文章

  1. cloud foundry_Spring 3.1,Cloud Foundry和本地开发
  2. 使用Java 8处理并行数据库流
  3. 在Spring中配置多个View解析器
  4. methodhandle_概览Java 7 MethodHandle及其用法
  5. Java 8:功能接口示例
  6. Java 8:开发人员怎么看?
  7. Java方法中的参数太多,第8部分:工具
  8. Spring MVC错误处理流程
  9. 使用LDAP保护Java EE6中的Web应用程序
  10. JUnit:在参数化测试中命名单个测试用例