indexof用来检索字符串,方法可返回某个指定的字符串值在字符串中首次出现的位置。如果为空为0,不存在为-1,查询为在该字符串的位置。需要判断查询的字符是否为空来判断。将查到的数据放到另一个数组里面
toSearch(){this.dialogSearch =truevar len =this.data.length
var len2 =this.projectName.length
for(var i =0; i < len; i++){if(this.data[i].name.indexOf(this.searchProjectString)>=0){
console.log(this.data[i].name.indexOf(this.searchProjectString))this.arr1.push(this.data[i])}}},
也可以使用下面的方法,也可以实现模糊查询的效果
html代码:
<div><input type="text" v-model="search"/><ul v-for="(item,index) in toSearch(search)"><li>{{item.msg}}</li></ul></div><div><input type="text" v-model="search"/><button type="button" @click="theToSearch">搜索</button><ul v-for="(item,index) in arr"><li>{{item.msg}}</li></ul></div>
js代码
methods:{//通过filtertoSearch(search){returnthis.list.filter(item =>{if(item.msg.includes(search)){return item
}})},// 这个方法需要先执行,才能显示数据,否则需要点击button才能查询数据theToSearch(){var len =this.list.length
var arr =[]for(var i =0;i<len;i++){if(this.list[i].msg.indexOf(this.search)>=0){
arr.push(this.list[i])}}returnthis.arr = arr
}},mounted(){this.theToSearch()}
获取当前时间,且封装成一个方法
methods:{// 这个方法是将数据小于10的情况前面添加一个"0"addZero(val){if(val <10){return'0'+ val
}else{return val
}},getNowTime(){var data =newDate()var year = data.getFullYear()var month =this.addZero(data.getMonth()+1)var date =this.addZero(data.getDate())var hour =this.addZero(data.getHours())var minute =this.addZero(data.getMinutes())// var second = data.getSeconds()//(将当前时间拼接成指定的形式)var nowTime =''
nowTime = year +'-'+ month +'-'+ date +' '+ hour +':'+ minute
console.log(nowTime)// 2020-04-08 18:51return nowTime
},