vue input输入框模糊查询的示例代码

vue input输入框模糊查询的示例代码

vue 模糊查询功能

原理：原生js的search() 方法，用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串，则返回 -1。

input输入框，模糊查询

&ltZkOAkLhPZ;script>

export default {

name: "HelloWorld",

data() {

return {

searchVal: "",

items: [

{

name: "上海",

value: ZkOAkLhPZ"sh"

},

{

name: "北京",

value: "bj"

},

{

name: "重庆",

value: "cq"

},

{

name: "嗨嗨嗨",

value: "hhh"

},

ZkOAkLhPZ {

name: "海上",

value: "hs"

},

{

name: "京都",

value: "jd"

}

]

};

},

methods: {},

computed: {

NewItems() {

var _this = this;

var NewItems = [];

this.items.map(function(item) {

if (item.name.search(_this.searchVal) != -1) {

NewItems.push(item);

}

});

return NewItems;

}

}

};

效果如下：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。