解决vue prop传值default属性如何使用,为何不生效的问题
如果在template中，显示的调用了prop属性，那么default属性就不会生效
如果在template中，不调用prop属性，default就会生效
default值有效与否，和prop的验证通不通过，没有关系
//声明
Vue.component("blog-post",{
props:{
postTitle:{
type:Number,
default:10000
}
},
template:"{{postTitle}}
"
});
//在template中，显示调用prop属性，default不生效
//在template中，不调用prop属性，default生效
补充知识：vueprop不同数据类型(数组，对象..)设置默认值
vueprop会接收不同的数据类型，这里列出了常用的数据类型的设置默认值的写法,其中包含：Number,String,Boolean,Array,Function,Object
refAge:{
type:Number,
default:0
},
refName:{
type:String,
default:''
},
hotDataLoading:{
type:Boolean,
default:false
},
hotData:{
type:Array,
default:()=>{
return[]
}
},
getParams:{
type:Function,
default:()=>()=>{}
},
meta:{
type:Object,
default:()=>({})
}
以上这篇解决vueprop传值default属性如何使用,为何不生效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短