vue props对象validator自定义函数实例


Posted in Javascript onNovember 13, 2019

validator自定义函数实例

props: {
  // 基础的类型检查 (`null` 匹配任何类型)
  propA: Number,
  // 多个可能的类型
  propB: [String, Number],
  // 必填的字符串
  propC: {
   type: String,
   required: true
  },
  // 带有默认值的数字
  propD: {
   type: Number,
   default: 100
  },
  // 带有默认值的对象
  propE: {
   type: Object,
   // 对象或数组且一定会从一个工厂函数返回默认值
   default: function () {
    return { message: 'hello' }
   }
  },
  // 自定义验证函数
  propF: {
   type: String,
   validator: function (t) {
    // 这个值必须匹配下列字符串中的一个
    return t === 'fade' || t === 'slide'
   },
   defalut:'slide'
  }

以上这篇vue props对象validator自定义函数实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript奇异的arguments分析
Oct 20 Javascript
jquery实现非叠加式的搜索框提示效果
Jan 07 Javascript
js常用数组操作方法简明总结
Jun 20 Javascript
jQuery中ajax的get()方法用法实例
Dec 26 Javascript
jQuery实现网站添加高亮突出显示效果的方法
Jun 26 Javascript
javascript瀑布流式图片懒加载实例解析与优化
Feb 23 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
Aug 15 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
Angular实现表单验证功能
Nov 13 Javascript
React从react-router路由上做登陆验证控制的方法
May 10 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
关于layui导航栏不展示下拉列表的解决方法
Sep 25 Javascript
微信小程序获取当前位置和城市名
Nov 13 #Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 #Javascript
微信小程序wx.request的简单封装
Nov 13 #Javascript
vue使用prop可以渲染但是打印台报错的解决方式
Nov 13 #Javascript
highcharts.js数据绑定方式代码实例
Nov 13 #Javascript
vue prop属性传值与传引用示例
Nov 13 #Javascript
Vue 使用Props属性实现父子组件的动态传值详解
Nov 13 #Javascript
You might like
PHP获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
laravel框架 laravel-admin上传图片到oss的方法
2019/10/13 PHP
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
多种方法判断Javascript对象是否存在
2013/09/22 Javascript
js控制table合并具体实现
2014/02/20 Javascript
JS实现距离上次刷新已过多少秒示例
2014/05/23 Javascript
js的回调函数详解
2015/01/05 Javascript
轻松实现javascript数据双向绑定
2015/11/11 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
详解JavaScript表单验证(E-mail 验证)
2016/03/31 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
最常见和最有用的字符串相关的方法详解
2017/02/06 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
Vuejs 组件——props数据传递的实例代码
2017/03/07 Javascript
原生javascript AJAX 三级联动的实现代码
2018/05/04 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
2019/02/27 jQuery
微信小程序实现定位及到指定位置导航的示例代码
2019/08/20 Javascript
OpenLayers3加载常用控件使用方法详解
2020/09/25 Javascript
使用js原生实现年份轮播选择效果实例
2021/01/12 Javascript
Python设计模式之单例模式实例
2014/04/26 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
python实现数据写入excel表格
2018/03/25 Python
在pytorch中为Module和Tensor指定GPU的例子
2019/08/19 Python
Python 合并多个TXT文件并统计词频的实现
2019/08/23 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
python eventlet绿化和patch原理
2020/11/21 Python
Ibatis如何使用动态表名
2015/07/12 面试题
系统管理员的职责包括那些?管理的对象是什么?
2016/09/20 面试题
Java程序员面试90题
2013/10/19 面试题
个人贷款担保书
2014/04/01 职场文书
小学教师寄语大全
2014/04/03 职场文书
DIY胆机必读:各国电子管评价
2022/04/06 无线电