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

 更新时间:2019年11月13日 16:07:15   作者:Shuah153  
今天小编就为大家分享一篇vue props对象validator自定义函数实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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自定义函数实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vant的Loading加载动画组件的使用(通过接口拿数据时显示加载状态)

    vant的Loading加载动画组件的使用(通过接口拿数据时显示加载状态)

    这篇文章主要介绍了vant的Loading加载动画组件的使用,通过接口拿数据时显示加载状态,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-01-01
  • vue使用socket与服务端进行通信的代码详解

    vue使用socket与服务端进行通信的代码详解

    这篇文章主要给大家介绍了vue如何使用socket与服务端进行通信的相关资料,在Vue中我们可以将Websocket类封装成一个Vue插件,以便全局使用,需要的朋友可以参考下
    2023-09-09
  • Vue实现刷新当前页面的三种方式总结

    Vue实现刷新当前页面的三种方式总结

    项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面。本文为大家整理了三种不同的实现方法,需要的可以参考一下
    2023-01-01
  • 使用ElementUI循环生成的Form表单添加校验

    使用ElementUI循环生成的Form表单添加校验

    这篇文章主要介绍了使用ElementUI循环生成的Form表单添加校验,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • vue+elementUI的select下拉框回显为数字问题

    vue+elementUI的select下拉框回显为数字问题

    这篇文章主要介绍了vue+elementUI的select下拉框回显为数字问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • vue第三方库中存在扩展运算符报错问题的解决方案

    vue第三方库中存在扩展运算符报错问题的解决方案

    这篇文章主要介绍了vue第三方库中存在扩展运算符报错问题,本文给大家分享解决方案,通过结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • vue分割面板封装实现记录

    vue分割面板封装实现记录

    这篇文章主要为大家详细介绍了vue分割面板封装实现记录,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • vue-router传参用法详解

    vue-router传参用法详解

    今天小编就为大家分享一篇关于vue-router传参用法详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • vscode中vue-cli项目es-lint的配置方法

    vscode中vue-cli项目es-lint的配置方法

    本文主要介绍vscode中 vue项目es-lint的配置方法,非常不错,具有一定的参考借鉴价值,需要的的朋友参考下吧
    2018-07-07
  • 深入探究Vue中$nextTick的实现原理

    深入探究Vue中$nextTick的实现原理

    这篇文章主要为大家详细介绍Vue中$nextTick的实现原理,文中的示例代码讲解详细,对我们深入了解Vue有一定的帮助,需要的小伙伴可以参考一下
    2023-06-06

最新评论