vue条件筛选渲染

事件处理:
<ul>
	<li v-for="(list,index) in ary(lists)":key="index">{{ list }}----{{ index }}</li>
</ul>
计算属性:
<ul>
	<li v-for="(list,index) in num":key="index">{{ list }}----{{ index }}</li>
</ul>

filter()返回为true的数据

const first=new Vue({
				el:"#app",
				data:{
					lists:[1,"Asxx",3,4,5,6,7,8,9]
				},
				methods:{
					ary:function(n){
						return n.filter(function(number){
								return number % 2 ===0;
						})
					}
				},
				computed:{
					num:function(){
						return this.lists.filter(function(number){
								return number % 2 ===0;
						})
					}
				}
			});

结果只会显示:
在这里插入图片描述

发布了31 篇原创文章 · 获赞 45 · 访问量 5890

猜你喜欢

转载自blog.csdn.net/weixin_43623808/article/details/103387601