表单页面补发

最新推荐文章于 2024-01-16 09:33:18 发布

-好喜欢你

最新推荐文章于 2024-01-16 09:33:18 发布

阅读量101

点赞数 1

本文链接：https://blog.csdn.net/qq_42049884/article/details/101309914

版权

<script src="js/vue.js"></script>
    <script>
        var vm= new Vue({
            el:'#app',
            data:{
                name:'',
                sex:'',
                searchName:'',
                users:[
                    {name:'HUAWEI',sex:'P10'},
                    {name:'HUAWEI',sex:'P20'},
                    {name:'HUAWEI',sex:'P30'},
                    {name:'HUAWEI',sex:'P30'},
                ],
                conditonUsers:null,
            },
            methods:{
                add(){
                    user={
                        name:this.name,
                        sex:this.sex,
                    }
                    this.users.push(user);
                },
                del(index){
                    alert(index);
                    this.users.splice(index,1)
                },
                search(){
                    var resultArray= this.users.filter((user)=>{
                        /*判断user是否符合条件，如果腐恶返回true*/
                        var flag= user.name.includes(this.searchName);

                        return flag;
                    })
                    return resultArray;

                }
            }
        });
    </script>