vue【詳解】props —— 子組件接收父組件傳入的參數


在子組件中,通過 props 接收父組件傳入的參數

限定參數的類型
props:{
//參數可以任意類型
params0: null,
//限定參數的類型為數值型 Number
params1: Number,
//限定參數的類型為字符串型,或 數值型 Number
params2: [String, Number],
},
限定參數必傳
props: {
params3: {
//限定參數的類型為字符串型
type: String,
//限定參數必傳
required: true
},
},
指定參數的默認值
props: {
params4: {
//限定參數的類型為字符串型
type: String,
//指定參數默認值為字符串“你好”
default:'你好'
},

// 對象的默認值,都需用工廠函數返回對象的方式指定
params5: {
//限定參數的類型為對象
type: Object,
//指定參數默認值為對象 { message: "你好" }
default:function() {
return { message: "你好" };
}
},
params6: {
//限定參數的類型為數組
type: Array,
//箭頭函數返回默認值
default:()=>[]
},
},
對參數進行自定義校驗
props: {
// 自定義驗證函數——傳入的參數的值必須大於100
params6: {
isValid: function(value) {
return value > 100;
}
}

————————————————
版權聲明:本文為CSDN博主「朝陽39」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_41192489/article/details/112639309


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM