vue props验证

最新推荐文章于 2025-03-04 08:32:31 发布

胖子liu

最新推荐文章于 2025-03-04 08:32:31 发布

阅读量384

点赞数

分类专栏： vue props验证文章标签： vue props验证

本文链接：https://blog.youkuaiyun.com/LiuPangZi6/article/details/101541204

版权

vue props验证专栏收录该内容

0 篇文章

订阅专栏

单个约束

props:{
    name:String,
//单个约束
    title:Number,
}

多个约束

props:{
    // 多个约束
    title:[String,Number]
}

多个约束&必传

props:{
    title:{
        type:[String,Number],
        required:true   //必填
    }
}

默认值

props:{
    uname:String,
    title:{
        // default:'这是默认值'    这里可以直接写
        default:function(){
            return  this.uname  
            //这里也可以用函数返回值
            //有可以直接返回字符串
        }
    }
}

校验

props:{
    uname:String,
    title:{
        validator:function(value){
            console.log(value)
            // debugger
            if(value<10){
                debugger
                this.aaa="太小了"
                console.log(this.aaa)
            }else{
                return true
            }
        }
    },
}