最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue input輸入框模糊查詢的示例代碼

 更新時(shí)間：2018年05月22日 09:46:01   作者：Miss_Ye  
本篇文章主要介紹了vue input輸入框模糊查詢的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

Vue 模糊查詢功能

原理：原生js的search() 方法，用于檢索字符串中指定的子字符串，或檢索與正則表達(dá)式相匹配的子字符串。如果沒有找到任何匹配的子串，則返回 -1。

input輸入框，模糊查詢

<template>
 <div>
  <input type="text" placeholder="請(qǐng)輸入..." v-model="searchVal">
  <ul>
   <li v-for="(item,index) in NewItems" :key="index" :value="item.value" v-text="item.name"></li>
  </ul>
 </div>
</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>

效果如下：


以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

昭平县| 长沙县| 西和县| 梅州市| 尉犁县| 新兴县| 汾阳市| 天门市| 南川市| 岗巴县| 玛多县| 商洛市| 麻江县| 南召县| 潜江市| 固原市| 广汉市| 桂阳县| 敦化市| 黄骅市| 龙胜| 德昌县| 德兴市| 北海市| 上杭县| 原平市| 县级市| 肇东市| 龙游县| 新河县| 大余县| 云南省| 科技| 台东县| 岢岚县| 乐亭县| 阜新市| 新邵县| 德安县| 富裕县| 武鸣县|