码迷,mamicode.com
首页 > 其他好文 > 详细

vue的模糊搜索

时间:2019-12-11 14:43:53      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:methods   and   default   method   ali   sheet   javascrip   highlight   data   

<template>
<div>
  <div>
    <input type="text" @input="handleInput" v-model=‘mytext‘>
    <ul>
      <li v-for="(data,index) in dataList">{{data}}</li>
    </ul>
  </div>
</div>
</template>

<script>
export default {
  name: ‘App‘,
  data() {
    return {
      dataList:[‘dfef‘,‘geger‘,‘fefgw‘],
      mytext:‘‘
    }
  },

  methods: {
    handleInput(){
      console.log(this.mytext)
      this.dataList = this.dataList.filter(item=>item.indexOf(this.mytext)>-1);
    }
  },
}
</script>

<style scoped lang="stylus" ref="stylesheet/stylus">
 
</style>

  

vue的模糊搜索

标签:methods   and   default   method   ali   sheet   javascrip   highlight   data   

原文地址:https://www.cnblogs.com/zz334396884/p/12022413.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!