为了账号安全,请及时绑定邮箱和手机立即绑定

vue组件prop验证不起作用,vue没有抛出警告

vue组件prop验证不起作用,vue没有抛出警告

慕桂英546537 2019-03-06 14:15:36
在对组件的prop进行验证,按照教程所写的在浏览器中运行,但是并没有抛出警告,好像没有进行验证,请问是为什么?代码如下:                    <div id="G8">                    <input type="text" v-model="msg1" placeholder="数字验证">                    <input type="text" v-model="msg2" placeholder="数字或者字符串">                    <input type="text" v-model='msg3' placeholder="必传且是字符串">                    <input type="text" v-model='msg4' placeholder="数字且有默认值">                    <h-component :g-msg='msg1' :h-msg='msg2' :i-msg='msg3' :j-msg='msg4'></h-component>                 </div>                 <script>                     Vue.component('h-component',{                         props:{                          gMsg:Number,                          hMsg:[String,Number],                          iMsg:{type:String,required:true},                          jMsg:{type:Number,default:100}                         },                         template:'<p><span>{{gMsg}}</span><br /><span>{{hMsg}}</span><br /><span>{{iMsg}}</span><br /><span>{{jMsg}}</span><br /></p>'                     })                     new Vue({                      el:'#G8',                      data:{                        msg1:' xbv',                        msg2:'',                        msg3:'',                        msg4:''                      }                     })                 </script>                              在浏览器中的运行,在输入框中输入任何字符都没有警告
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1594 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信