发布网友 发布时间:2022-04-26 11:40
共3个回答
懂视网 时间:2022-05-15 04:53
这次给大家带来如何实现vue input输入框模糊查询,实现vue input输入框模糊查询的注意事项有哪些,下面就是实战案例,一起来看一下。
Vue 模糊查询功能
原理:原生js的search() 方法,用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。
input输入框,模糊查询
<template> <p> <input type="text" placeholder="请输入..." v-model="searchVal"> <ul> <li v-for="(item,index) in NewItems" :key="index" :value="item.value" v-text="item.name"></li> </ul> </p> </template> <script> export default { name: "HelloWorld", data() { return { searchVal: "", items: [ { name: "上海", value: "sh" }, { name: "北京", value: "bj" }, { name: "重庆", value: "cq" }, { name: "嗨嗨嗨", value: "hhh" }, { 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; } } }; </script>
效果如下:
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
怎样进行mpvue小程序项目搭建
VUE2.0中Jsonp使用步奏详解
热心网友 时间:2022-05-15 02:01
V型滤池在自动状态下运行时,内置程序会自动根据进水量控制出水阀门开度,也就是说,如果进水量大(小),阀门开度就会增大(减小),从而保持滤池液位恒定。这个恒定的液位值也是可以在程序控制面板修改的。
主要特点是:
1、可采用较粗滤料较厚滤层以增加过滤周期。
2、气、水反冲再加始终存在的横向表面扫洗,冲洗水量大大减少。
扩展资料:
v型滤池的滤速可达7~20m/h,一般为12.5~15.0m/h。采用单层加厚均匀过滤材料,粒径一般为0.95~1.35mm,允许扩大到0.7~2.0mm,不均匀系数在1.2~1.6或1.8之间。
过滤速度为7~20m/h的滤池,过滤层高度为0.95~1.5m。对于更高的滤波速度,它可以相应地提高。底部采用长柄过滤底板排水系统,无砾石层。所述滤头设置在约55/m的网中。
反冲洗一般采用三种工艺,即空气冲洗、空气水反冲洗和水冲洗。反洗效果好,大大节省了反洗水和反洗功耗
热心网友 时间:2022-05-15 03:19
V型滤池在自动状态下运行时,内置程序会自动根据进水量控制出水阀门开度,也就是说,如果进水量大(小),阀门开度就会增大(减小),从而保持滤池液位恒定。这个恒定的液位值也是可以在程序控制面板修改的。