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,并且亲自一行一行代码的敲的时候,发现Vue的组件props校验,我怎么都实现不了,上面的代码中,我希望校验必须为数字,props里的message加不加引号都一样没效果,引入的vue.min.js也是官网上的最新的,但是它并没有校验,全程不管输入什么就是不报错,求教大神哪里写错了,万分感谢

clipboard.png

阅读 1.7k
1 个回答

vue.min.js移除了很多错误警告。使用完整版vue.js试试。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题