在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue的組件props校驗

Vue的組件props校驗

<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>

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

clipboard.png

回答
編輯回答
賤人曾

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

2017年8月12日 20:40