美文网首页
vuejs组件参数校验

vuejs组件参数校验

作者: 前端丶米店 | 来源:发表于2019-11-06 16:58 被阅读0次
    <div id="root">
            
            <child content="hell"></child>
    </div>
    <script>
            Vue.component('child',{
                  props:{
                          content:String,//定义父组件传过来的值的类型
                          required:false,//如果是true,父组件传过来的值必须传
                          default:'default value',//如果父组件没有传值过来就使用这个默认值
                          validator: function(value) {  // 自定义校验器
                              return (value.length > 5)   //传过来的值长度必须大于5
                          }
                  },
                  template:'<div>{{content}}</div>'
            })
            var vm = new Vue({
                    el:'#root'
            })
    </script>
    

    相关文章

      网友评论

          本文标题:vuejs组件参数校验

          本文链接:https://www.haomeiwen.com/subject/oqiubctx.html