在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ vue的props校驗的報錯問題

vue的props校驗的報錯問題

<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>

報錯的截圖:

clipboard.png

我的個人理解: :text='424241' 這里的傳入方式不是傳如一個靜態(tài)數字嗎?
官方API:https://cn.vuejs.org/v2/guide...
可是報錯的第一個原因卻說這是一個字符串
第二個報錯的原因也是比較蒙,“424241”這個length不是符合validator校驗器的條件嗎?為啥還報錯?
希望大佬幫忙解答,謝謝

回答
編輯回答
怪痞

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

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

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

2018年8月3日 06:50