某些prop需要传递一些指定的字符串常量,当传递其它的字符串时,是没有意义的,需要给出错误信息。此时,可以使用props中的validator
完成验证。
介绍参见官方文档(https://cn.vuejs.org/v2/guide/components-props.html#Prop-%E9%AA%8C%E8%AF%81)
export default {
props: {
season: {
validator: value => {
return ['spring', 'summer', 'fall', 'winter'].indexOf(value) !== -1;
},
},
},
};
此时,你传递的season
必须通过validator
的验证,必须为['spring', 'summer', 'fall', 'winter']
中的一种,如果不通过,则会在控制台打印警告,以尽早发现错误。
如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!
如无特殊声明,文章均为原创,若有不正之处,万望告知。转载请附上原文地址,十分感谢!