★→ASP程序学习群:62655404 微信公众号开发
订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uni-app的父与子页面传递参数之属性Props字段类型讲解

 2020/9/25 22:35:17  字体:  浏览 259 我要评论

Vue.component('myComponent', {
  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: {
      validator: function (value) {
        return value > 10
      }
    }
  }
})


type 可以是下面原生构造器:

String
Number
Boolean
Function
Object
Array
Symbol
type 也可以是一个自定义构造器函数,使用 instanceof 检测。


// 自定义Person构造器
function Person(name, age) {
    this.name = name
    this.age = age
  }
  Vue.component('my-component', {
    template: `<div>名字: {{ person-prop.name }}, 年龄: {{ person-prop.age }} </div>`,
    props: {
      person-prop: {
        type: Person     // 指定类型
      }
    }
  })
  new Vue({
    el: '#app2',
    data: {
      person: 2        // 传入Number类型会报错
    }
  })

相关阅读
( 2020/10/26 21:09:19 )uni-app操作json数组
( 2020/10/26 13:46:09 )uni-app自定义loading组件
( 2020/10/1 17:07:20 )uni-app一个像商城分类中心一样的联动侧边栏导航分类
( 2020/9/27 16:09:39 )uni-app实现tab选项卡
( 2020/9/25 22:35:17 )uni-app的父与子页面传递参数之属性Props字段类型讲解
( 2020/9/25 20:52:28 )uni-app判断当前客户端是安卓还是ios还是其它平台
( 2020/9/25 20:50:18 )uni-app基础知识事件传参(动态参数演示)
( 2020/9/25 20:49:33 )uni-app基础知识事件绑定 @click
共有0条关于《uni-app的父与子页面传递参数之属性Props字段类型讲解》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
uni-app操作json数组
uni-app自定义loading组件
uni-app一个像商城分类中心一样的联动侧边栏导航分类
uni-app实现tab选项卡
uni-app判断当前客户端是安卓还是ios还是其它平台
uni-app基础知识事件传参(动态参数演示)
uni-app基础知识事件绑定 @click
uni-app基础知识页面事件与web事件的对比
更多>>最新添加文章
uni-app操作json数组
uni-app自定义loading组件
uni-app一个像商城分类中心一样的联动侧边栏导航分类
uni-app实现tab选项卡
uni-app判断当前客户端是安卓还是ios还是其它平台
uni-app基础知识事件传参(动态参数演示)
uni-app基础知识事件绑定 @click
uni-app基础知识页面事件与web事件的对比
更多>>随机抽取信息
凹陷文字
网站需要SEO 基本的SEO建站要点
两个ASP中防止SQL注入式攻击
在网页标题栏上或收藏夹前面显示网站ico小图标的方法
巧用ASP技术保护DHTML源代码
添加一个防下载字段(长二进制数据)来防止ACCESS数据库被下载
深山文章管理系统 v1.0 bulid 090418
浅论网页优化和网站优化的方式