js中的模糊搜索（正则表达式）此案例在vue中实现
搜索设备ID⽰例
<input
type="text"
name=""
placeholder="搜索设备ID"
v-model="searchData"
@input="search()" />
search() {
if (this.searchData != '') {
this.isSearch = true //当⽤户有输⼊时，显⽰搜索结果组件
} else {
this.isSearch = false
}
let data = []
if (this.deviceList.length != 0 && this.searchData) {
//当设备列表不为空且⽤户有输⼊时js中文正则表达式
let str = `\S*${this.searchData}\S*`
let reg = new RegExp(str)
this.deviceList.map((item) => {
if (st(item.nDeviceID)) {
data.push(item)
}
})
//使⽤正则和map⽅法，遍历数组对象，将匹配项push到新数组中
}
//渲染新数组
this.searchRes = data
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。