组件Prop验证

<div id="example">
    <kkk></kkk>
</div>

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script type="text/javascript">
    Vue.component('kkk', {
        template: '<div><input :title="propA" v-model="propA"></div>',
        props: {
            propA: {
                type: Number,
                default: function () {
                    return  100;
                },
                validator: function (value) {
                    return value > 10
                }
            }
        }
    });

    new Vue({
        el: '#example',
        data: {
        }
    });
</script>

 

posted @ 2017-02-07 17:29  zhishaofei3  阅读(288)  评论(0编辑  收藏  举报