Prop效验与Prop默认值用法及循环遍历数组

最新推荐文章于 2024-10-01 17:17:19 发布
最新推荐文章于 2024-10-01 17:17:19 发布
阅读量490 收藏
点赞数 17
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ou050719/article/details/141791386
版权

Prop效验与使用

在HBuilderX里面你把组件传过去,向之前的那样的写法是没有默认值的,写了才有值,否则为空,所以我们可以用另一种方法,写法如下

虽然这样写了但是不是完全体的,我们可以给他定个默认值和类型,就像那个String一样,可以约束对象只能是这个的类型

这样子另一个页面使用的时候如果不写username的话就会显示默认值也就是'朵拉'

Prop遍历数组

还可以把里面的username和imager写到一个对象里面,如下

在另一个页面使用就是

这样就是Prop遍历数组,还可以添加默认值如下

在另一边为空的时候就是用这个默认定义的

它有时候不知道是格式化之后还是怎用了,会自己生成一段代码如下

然后就会给你报错

接下来就是遍历循环

定义多个数据,然后在组件里面使用v-for就行了

        

暮夜明
关注
Ant Design of React从入门到开发教程
a_靖的博客
12-04 4088
Ant Design Pro 是一个企业级中后台前端/设计解决方案。 目录： 一：开发前的准备 二：创建页面 三：创建组件并引用 四：封装网络请求和网络请求走向 五：登录流程以及路由权限设置 六：父组件和子组件相互传值和接收 七：for 循环渲染组件 Ant Design Pro 全家桶技术栈： 1.antd 基于 Ant Design 设计体系的 Rea...
Web前端学习笔记
weixin_43487110的博客
09-03 2238
Web前端学习笔记 2020-9-3整理 2019-9月-19学完 作者:小宇 HTML 基础知识 互联网中的三大基石 Html (HyperText Markup Language) 超文件标记语言 Http (HyperText Transfer Protocol)超文本传输协议 Url (Uniform Resource Locator) 统一资源定位符 HTML、CSS、JS之间的关系 如果说HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript,HTML+C
使用defineProps在组件中进行传递值，Prop效验和prop默认值用法，循环遍历数组对象
m0_65941214的博客
08-30 660
使用defineProps在组件中进行传递值，Prop效验和prop默认值用法，循环遍历数组对象
js+jquery
my java博客园
06-11 499
Jquery: 时间处理 function dataFormatter1(value, row, index){ if(value==null){ return ''; } var newDate = laydate.now(value,'YYYY-MM-DD hh:mm:ss'); //当前年份 var myDate = new Date; var newYear = myDate.getFu...
part1-02笔记
zsnpromsie的博客
06-27 303
* ./header.vue?vue&type=style&index=0&id=59b9e752&lang=less&scoped=true& in ./components/template/header.vue npm install less less-loader --save-dev
php7新特性
php菜鸟见闻录
11-13 167
1， 在调用函数的时候，使用 … 运算符， 将 数组 和 可遍历 对象展开为函数参数。 在其他编程语言，比如 Ruby中，这被称为连接运算符，。 1 2 3 4 5 6 7 8 <?php function add($a, $b, $c) { return $a + $b + $c; } $operators = [2, 3]; echo add(1, ...$operators...
react-个人笔记
qq_42753091的博客
08-10 240
1. React 基础语法 2.组件(Class) 3.数据效验 4.Hooks(Func) 5.生命周期 6.路由 7.错误边界 8.redux 9.路径请求 10.其他
vue3知识
K_CRACKING的博客
07-22 1065
目录基础vue开发前的准备vue项目目录结构模板语法属性绑定条件渲染列表渲染通过key管理状态事件处理事件传参事件修饰符数组变化侦测计算属性Class绑定style绑定侦听器表单输入绑定模板引用组件组成组件嵌套关系组件注册方式组件传递数据Props(父传子)组件传递多种数据类型组件传递Props效验组件事件（emit子传父）组件数据传递(props子传父)透传 Attributes插槽Slot组件生命周期动态组件组件保持存活异步组件依赖注入vue应用组合式API选项式API和组合式API响应式计算属性事件处
C#代码审计实战+前置知识
热门推荐
赵花花08042的博客
07-01 4万+
C# 基于 C 和 C++ 编程语言，是一个简单的、现代的、通用的、面向对象的编程语言，它是由微软（Microsoft）开发的，由 Ecma 和 ISO 核准认可的。C# 是由 Anders Hejlsberg 和他的团队在 .Net 框架开发期间开发的。C# 是专为公共语言基础结构（CLI）设计的。CLI 由可执行代码和运行时环境组成，允许在不同的计算机平台和体系结构上使用各种高级语言。...
es6 嵌套数组循环_JS中循环遍历数组的四种方式总结
weixin_28759987的博客
02-01 3460
本文比较并总结遍历数组的四种方式：for 循环：for (let index=0; index < someArray.length; index++) {const elem = someArray[index];// ···}for-in 循环：for (const key in someArray) {console.log(key);}数组方法 .forEach()：someArra...
数组循环遍历方法比对
qq_44198092的博客
04-16 1858
一、JavaScript中循环遍历方法 JS中的引用类型包括：Object/Array/RegExp/Date/基本包装类型（String/Number/Boolean)。其中，遍历继承Object类型的对象的方法主要包括：for..of、for..in、Object.keys、Object.getOwnProperty 遍历Array对象的方法主要包括：for forEach fil...
vue2 prop数组默认值
07-28
在Vue 2中，可以使用`default`属性来设置数组类型的prop的默认值。以下是设置数组类型prop的默认值的示例代码： ```javascript props: { myArray: { type: Array, default: function () { return []; } } } `...
vue prop不同数据类型(数组，对象..)设置默认值
weixin_44537264的博客
10-21 2121
常用的数据类型的设置默认值的写法： Number, String, Boolean, Array, Function, Object refAge: { type: Number, default: 0 }, refName: { type: String, default: '' }, hotDataLoading: { type: Boolean, default: false }, hotData: { type: Array, default: () => {return
前端的全栈混合之路Meteor篇：3.0新版本介绍
最新发布
分享有趣的、贴近生活的CS知识
10-01 1090
Meteor全栈框架3.0版本终于稳定下来了，它的效果约等于webpack+vue+express+socket.io+mongodb+npm+uniapp，学一个搞定全套，值得学习了解下，最后找到适合于自己的技术栈。
登录功能开发 P167重点
2303_81204446的博客
09-30 394
前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 638
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
Web认识 -- 第一课
ZxVSaccount的博客
09-30 1202
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值