java中多个输入框搜索_如何在一个搜索框中输入多个字段的值进行查询?
`
搜索
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中多个输入框搜索_如何在一个搜索框中输入多个字段的值进行查询?相关推荐
- IntelliJ IDEA 如何知道项目中的模块数据_如何从项目源中选择模块加入当前项目中(添加模块)_如何移除项目中的模块(移除模块/删除模块)
文章目录 IDEA 如何获取项目的模块数据 从项目源中选择模块加入当前项目中 如何移除项目中的模块 方式一,选择模块的根目录(Content Root),鼠标右键 Remove 方式二,打开[项目结构 ...
- 熊猫数据集_处理熊猫数据框中的列表值
熊猫数据集 Have you ever dealt with a dataset that required you to work with list values? If so, you will ...
- css中如何实现帧布局_浅谈web前端中的表格布局与CSS盒子布局
在web前端设计排版时我们可能会用到表格布局和div+CSS布局,但现在主要使用后者,为何?今天我们来谈一谈两者之间的发展和原理. 话不多说下面来干货 发展过程 上个世纪Web开发人员流行使用表格进行 ...
- pads中如何设置等长_如何在Windows 10中设置和使用Hyper-V进行OS虚拟化
信息 Windows 10 Pro,Education和Enterprise版本带有内置的虚拟机管理程序客户端Hyper-V,允许用户在虚拟机上创建和运行其他操作系统.尽管Hyper-V主要是为运行W ...
- vue中data定义数字类型_[乐意黎原创] Vue中data定义的三种方式和区别
在 Vue中,定义data时,经常有好几种写法,一不小心会混淆,这里彻底详述一下,以便记分清 . 一.在vue中,定义data可以有三种写法. 1. 第一种写法,data是一个对象. var app ...
- c#去除组合框的可选条目_验证Excel组合框中的条目
c#去除组合框的可选条目 One of my Excel sample files lets you double-click on a cell that has a data validation ...
- python开发的程序中以电子表格显示数据_使用 Python 读取电子表格中的数据实例详解...
Python 是最流行.功能最强大的编程语言之一.由于它是自由开源的,因此每个人都可以使用.大多数 Fedora 系统都已安装了该语言.Python 可用于多种任务,其中包括处理逗号分隔值(CSV)数 ...
- gorm preload 搜索_翻译技术 | 搜索神器:Wox+Everything使用教程
搜索神器:Wox+Everything使用教程 1. 工具简介 1.1 Everything Everything是一款占用内存低.搜索速度快的本地搜索软件,可以实现对于电脑本地硬盘中文件的的快速搜索 ...
- python中构造方法可以被继承吗_构造函数是在python中继承的吗
我正在研究麻省理工学院6.00开放式课程的一个习题集,我有以下代码...在class Trigger(object): def evaluate(self, story): ""& ...
最新文章
- C# 视频多人脸识别的实现
- extundelete安装_Linux数据安全工具:数据恢复软件extundelete概述
- JAVA Roman to Integer 罗马数转换为int型方法
- python保存数据_Python 保存数据的方法(4种方法)
- 聊聊高并发(二十四)解析java.util.concurrent各个组件(六) 深入理解AQS(四)
- HDU - 6621 K-th Closest Distance——主席树+二分
- 适用于大型项目的TinyCircuits,硬件需求较小
- mybatis plugins_[Mybatis]-[基础支持层]-插件-plugin标签解析
- 换SSD硬盘,重装系统,一阵子忙乱
- Handsontable 自定义菜单 自定义命令存放位置
- 执行mvn 报错 source-1.5 中不支持 diamond运算符
- 数据库——添加外键约束
- 超全Inventor 3d模型素材网站整理
- 实验四|Python 企业偿债能力分析
- 敏捷组织︱如何打造VUCA时代的敏捷型组织?
- 计算机开机选择用户界面,Windows10每次开机都会出现选择操作系统界面的解决方法...
- 王阳明心学 之 心即理感悟
- 解决页面刷新数据丢失,数据持久化问题
- 20出头的人该怎么护肤?
- 程序员的 100款代码表白特效,一个比一个浪漫