vue 组件的 prop 验证
2020-07-03 16:24
99 查看
如果传入的数据不符合规格, Vue (开发版本)会产生控制台警告。
<template> <div> <example :propA="'hello'" :propB="{hello:'hello'}" :propC="''" :propD="'hello'" :propE="{hello:'hello'}" :propF="10"></example> </div> </template>
Vue.component('example', { props: { propA: Number, // 数字类型 (`null` 意思是任何类型都可以) propB: [ String, Number ], // 多种类型:字符串、数字类型 propC: { type: String, required: true }, // 字符串、必传 propD: { type: Number, default: 100 }, // 数字,有默认值 // 数组、对象的默认值应当由一个工厂函数返回 propE: { type: Object, default: function () { return { message: 'hello1' } } }, // 自定义验证函数 propF: { validator: function (value) { return value > 10 } } } })
注意:定验证规格需要用对象的形式,不能用字符串数组
相关文章推荐
- Vue-动态组件-单向数据流-跨组件通信-Prop验证
- Vue------第五天(关于组件的一些基础了解,包括组件的注册、Prop、自定义事件、使用插槽分发内容等)
- vue-prop父组件向子组件进行传值的方法
- VUE组件开发-props验证
- [vue.js] prop验证没有错误信息的可能原因:没有使用开发者版本
- vue prop 父组件向子组件通信
- 详解vue表单验证组件 v-verify-plugin
- reactJS -- 7 可复用组件(Prop 验证)
- Vue组件中如何获取非Prop特性的值
- vue表单验证组件 v-verify-plugin
- Vue-使用i18n实现中英文切换功能,表单验证,组件数据等
- vue使用Element组件时v-for循环里的表单项验证方法
- Vue 短信验证码组件开发详解
- vue-(prop验证-个人名片)
- 基于vue2.0前端组件库element中 el-form表单 自定义验证填坑
- Vue.js组件props数据验证实现详解
- 组件参数的校验和非Prop特性(Vue)
- vue中的组件和prop
- vue2.3.0+使用.sync修饰符对prop进行双向绑定/子组件同步prop到父组件绑定的值
- Vue中通过 Prop 向子组件传递数据