Vue简单搜索 Vue简单搜索

Vue简单搜索

	<div id="box">
		<input type="text" v-model="show" >
<transition-group name="fade" enter-active-class="animated zoomInLeft" leave-active-class="animated zoomOutRight">
    <p v-show="show" v-for="(val,index) in fruits" :key="index">{{val}}</p>

		</transition-group>
	</div>
	
	
	<script>
		new Vue({
			el:"#box",
			data:function(){
				return{
					show:"",
                    fruit:["banana","apple","orange","pear","watermalen"]
				}
			},computed:{
                fruits:function(){
                    var arr=[];
                        this.fruit.forEach(function(val){
						if(val.indexOf(this.show)!=-1){
							arr.push(val);
						}
						}.bind(this));
					return arr;
					}
                }
            

		})
	</script>
分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论