Vue中如何对Props进行数据验证?
- 内容介绍
- 文章标签
- 相关推荐
本文共计104个文字,预计阅读时间需要1分钟。
javascriptVue.component('My-component', { props: { propA: Number, propB: [String, Number], propC: { type: Boolean, default: true }, propD: { type: Number, required: true } // 如果是数组或对象,默认值必须用函数返回 }});
Vue.component('My-component', { props: { propA: Number, propB: [String, Number], propC: { type: Boolean, default: true }, propD: { type: Number, required: true }, // 如果是数组或者对象,默认值必须用函数返回 propE: { type: Array, default() { return []; } }, // 自定义验证函数 propF: { validator(value) { return value > 10; } } } });
本文共计104个文字,预计阅读时间需要1分钟。
javascriptVue.component('My-component', { props: { propA: Number, propB: [String, Number], propC: { type: Boolean, default: true }, propD: { type: Number, required: true } // 如果是数组或对象,默认值必须用函数返回 }});
Vue.component('My-component', { props: { propA: Number, propB: [String, Number], propC: { type: Boolean, default: true }, propD: { type: Number, required: true }, // 如果是数组或者对象,默认值必须用函数返回 propE: { type: Array, default() { return []; } }, // 自定义验证函数 propF: { validator(value) { return value > 10; } } } });

