鍍金池/ 問答/HTML/ Vue的組件props校驗(yàn)

Vue的組件props校驗(yàn)

<body>

    <div id='example'>
        <input v-model="message">
        <br>
        <child v-bind:message="message"></child>
    </div>
    <script type="text/javascript" src="js/vue.min.js"></script>
    <script>
        Vue.component('child', {
            props: {
                'message': Number
            },
            template: '<span>{{ message }}</span>'
        })
        new Vue({
            el: '#example',
            data: {
                message: ''
            }
        })
    </script>
</body>

在我學(xué)習(xí)vue，并且親自一行一行代碼的敲的時候，發(fā)現(xiàn)Vue的組件props校驗(yàn)，我怎么都實(shí)現(xiàn)不了，上面的代碼中，我希望校驗(yàn)必須為數(shù)字，props里的message加不加引號都一樣沒效果，引入的vue.min.js也是官網(wǎng)上的最新的，但是它并沒有校驗(yàn)，全程不管輸入什么就是不報錯，求教大神哪里寫錯了，萬分感謝

clipboard.png

回答
編輯回答
賤人曾

vue.min.js移除了很多錯誤警告。使用完整版vue.js試試。

2017年8月12日 20:40