网站开发类合同,百度百科怎么创建自己,兼职网站编辑,阿里云域名如何做网站码
const shuai No
My Name Is ShuaiGe.match(new RegExp(shuai, gi));
//↑↑↑↑↑↑↑↑
//等同于
//↓↓↓↓↓↓↓↓
/No/gi.test(My Name Is ShuaiGe)用作领域
搜索的字符动态改变#xff0c;例如↓模糊搜索例#xff1a; 一个文本宽#xff0c;输入文本模糊搜索用…码
const shuai No
My Name Is ShuaiGe.match(new RegExp(shuai, gi));
//↑↑↑↑↑↑↑↑
//等同于
//↓↓↓↓↓↓↓↓
/No/gi.test(My Name Is ShuaiGe)用作领域
搜索的字符动态改变例如↓模糊搜索例 一个文本宽输入文本模糊搜索用户
码
现有n条数据文本框输入时模糊过滤
templateinputtypetextinputinputEvv-modelsearchplaceholder输入用户昵称/h5 styleborder-bottom: dashed 1px black v-fori in renderList{{ i.name }}/h5
/template
script setup
import { ref } from vue;// 假如这里有很多数据
const data [{name: abcsjddhfjkfkfedkfdjf,},{name: dfefea,},{name: fefefee,},{name: dddwd,},{name: dwdwd,},{name: 2233,},{name: ewe34,},{name: dwdw,},{name: 343dw,},{name: 2343w,},{name: 343ewd,},{name: 2344wd,},{name: 343edwd,},{name: 343wd,},{name: e2432ew,},{name: 22ewd,},{name: ewe243,},
];
const renderList ref([]);
const search ref();/*** input事件触发*/
const inputEv _ renderList.value filterArr(search.value, data)//开始调用过滤方法/*** 数据过滤器* param {String} filterStr 过滤的字符串* param {Array} arr 查询的数组* returns Array 过滤返回的数组*/
const filterArr (filterStr, arr) {// 若传入空值返回空数组if (filterStr ) return [];const fliterData [];arr.forEach((it) {// 正则表达式 - 相当于 - /xxxx/.test(it.name) - xxxx表示动态正则 ↓const reg new RegExp(filterStr, gi);const res it.name.match(reg); //开始模糊搜索// 搜索到push到fliterDataif (res ! null) fliterData.push(it);});// 最后返回过滤的数组return fliterData;
};
/script效果图
t1 t2 t3
