vue props接收參數基礎寫法


export default {
        name: "bar_line",
        props: {
            // 基礎的類型檢查 (`null` 匹配任何類型)
            propA: Number,

            // 多個可能的類型
            propB: [String, Number],

            // 必填的字符串
            propC: {
                type: String,
                required: true
            },

            // 帶有默認值的數字
            propD: {
                type: Number,
                default: 100
            },

            // 帶有默認值的對象
            propE: {
                type: Object,
                // 對象或數組默認值必須從一個工廠函數獲取
                default: function () {
                    return { message: 'hello' }
                }
            },

            // 自定義驗證函數
            propF: {
                validator: function (value) {
                    // 這個值必須匹配下列字符串中的一個
                    return ['success', 'warning', 'danger'].indexOf(value) !== -1
                }
            }
        },
        data(){
            return{

            }
        },
        mounted() {
        },
        methods:{

        }
    }

 


免責聲明!

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



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