计算属性模糊demo

Examples
    <ul>
        <li v-for="data in computedList">
            {{data}}
        </li>
    </ul>
</div>

<script type="text/javascript">
	
	
    var vm = new Vue({
        el:"#box",
        data:{
            mytext:"",
            datalist:["aaa","aad","bbb","bbfd","cccc","ddddd","ddeee","eeee"],
        },

        computed:{
            computedList:function(){
                return this.datalist.filter(item=>item.indexOf(this.mytext)>-1);
                
            }
        }
    })
</script>
posted @ 2021-02-22 10:46  凌兮  阅读(47)  评论(0)    收藏  举报