亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue的props校驗的報錯問題

vue的props校驗的報錯問題

慕斯王 2018-08-23 17:51:08
<div id="app">    <child :content="12"></child>     <child :text='424241'></child></div><script>     Vue.component('child',{        template:`<div>{{content}}{{text}}</div>`,        props:{            content:[Number,String],            text:{                type:Number,                required:false,                default:'我是默認的helloworld',                 validator(value){                    return value.length > 5                 }             }         }     })    var vm=new Vue({        el:"#app",     })</script>報錯的截圖:我的個人理解: :text='424241' 這里的傳入方式不是傳如一個靜態數字嗎?官方API:https://cn.vuejs.org/v2/guide...可是報錯的第一個原因卻說這是一個字符串第二個報錯的原因也是比較蒙,“424241”這個length不是符合validator校驗器的條件嗎?為啥還報錯?希望大佬幫忙解答,謝謝
查看完整描述

1 回答

?
墨色風雨

TA貢獻1853條經驗 獲得超6個贊

這里是一個正確的示例,JSFiddle

首先,如果這是一個Number類型,那么Default賦值的時候需要給一個Number而不是String。

另一個潛在的錯誤是value.length的使用,Number對象沒有length屬性,可以轉字符串再調用該方法


查看完整回答
反對 回復 2018-08-26
  • 1 回答
  • 0 關注
  • 1270 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號