前言
整理幾種props的使用方式
第一種
傳遞一個陣列
props:["cont"]
第二種
傳遞一個物件
props:{
uploadOption:{
type:Object, //引數型別必須是一個物件
required: true //這一種說明這個引數是必須的哈
}
}
第三種
整理各型別寫法
props: {
valueA: Number, //如果不符合型別 控制臺會警告
// 多個可能的型別
valueB: [String, Number],
// 必填的字串
valueC: {
type: String,
required: true //必填
},
// 帶有默認值的數字 valueD是一個數字，如果沒有值，默認是100
valueD: {
type: Number,
default: 100
},
// 帶有默認值的物件
valueE: {
type: Object,
// 物件或陣列默認值必須從一個工廠函式獲取
default: function () {
return { message: 'hello' }
}
},
// 自定義驗證函式
valueF: {
validator: function (value) {
// 這個值必須匹配下列字串中的一個
return ['success', 'warning', 'danger'].indexOf(value) !== -1
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/270841.html
標籤：Html/Css
上一篇：有意思！不規則邊框的生成方案