首页 > 其他分享 >Prop效验与Prop默认值用法及循环遍历数组

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

时间:2024-09-01 23:21:45浏览次数:5  
标签:Prop 遍历 效验 如下 数组 默认值 为空

Prop效验与使用

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

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

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

Prop遍历数组

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

在另一个页面使用就是

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

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

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

然后就会给你报错

接下来就是遍历循环

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

        

标签:Prop,遍历,效验,如下,数组,默认值,为空
From: https://blog.csdn.net/ou050719/article/details/141791386

相关文章

  • JavaScript中的`event.preventDefault()`和`event.stopPropagation()`有什么区别?
    在JavaScript中,event.preventDefault()和event.stopPropagation()是两个常用于事件处理的重要方法,它们各自扮演着不同的角色,在控制Web页面交互行为时发挥着关键作用。下面将详细阐述这两个方法的区别,包括它们的作用、使用场景以及影响。一、event.preventDefault()1.定义与......
  • 十大时间序列模型最强总结(六)Prophet
    六、Prophet1.原理Prophet是由Facebook开发的时间序列预测模型,专为处理具有强季节性、趋势变化以及缺失值和异常值的时间序列数据设计。它的核心思想是将时间序列数据分解为趋势、季节性和假期效应三个部分。2.核心公式推导:3.优缺点1)优点:适用于具有季节性......
  • django.core.exceptions.ImproperlyConfigured: 'django.contrib.gis.db.backends.mys
     没解决此问题(venv)[root@VM-8-12-centosMYPROJECT-django20240830]#python3manage.py runserver0.0.0.0:8080Exceptioninthreaddjango-main-thread:Traceback(mostrecentcalllast): File"/root/MYPROJECT/backend/venv/lib/python3.8/site-packages/django/d......
  • C# Winfrom中数据的双向绑定(使用INotifyPropertyChanged)
    在WPF中新建项目是自动实现了INotifyPropertyChanged接口,用于数据绑定时非常的方便在winfrom中也可以实现INotifyPropertyChanged接口将需要绑定的字段写到一个类中,用这个类实现INotifyPropertyChanged接口publicclassUser:INotifyPropertyChanged{publiceventProper......
  • Android开发 - “效验和”效验数据在传输或存储过程中是否出错解析
    校验和的基本原理校验和的基本原理非常简单,就是把一组数据中的所有字节(或者其他单位)的数值相加,然后得到一个总和,这个总和就是所谓的“校验和”。在传输数据时,发送方会把数据和校验和一起发送出去;接收方收到数据后,也会计算一次校验和,然后与发送方提供的校验和进行比较。如果两个......
  • BeanUtils.copyProperties方法
    BeanUtils.copyProperties方法通常是通过反射(Reflection)实现的。这个方法是ApacheCommonsBeanUtils库中的一个核心功能,它允许开发者在运行时动态地访问和操作对象的属性和方法。通过使用反射,BeanUtils.copyProperties能够检查对象的类定义,找出可用的getter和setter......
  • Spring Boot 框架中配置文件 application.properties 当中的所有配置大全
    SpringBoot框架中配置文件application.properties当中的所有配置大全#SPRINGCONFIG(ConfigFileApplicationListener)spring.config.name=#配置文件名(默认为'application')spring.config.location=#配置文件的位置#多环境配置文件激活属性spring.profiles.active......
  • springboot maven项目多环境profile配置,打包后配置文件properties或yml中的${}或@@变
    maven一些配置如下:项目中配置了多环境<profiles><!--数据库类型--><profile><!--mysql版默认--><id>mysql</id><activation><activeByDefault>true</activ......
  • Vue.js 中的 vue-property-decorator 使用详解
    引言Vue.js是一个流行的前端框架,它的核心理念是让开发者以声明式的方式构建用户界面。尽管Vue的官方API非常直观易用,但随着项目的复杂度增加,使用TypeScript进行类型检查和更好的代码组织变得越来越重要。vue-property-decorator是一个用于在Vue.js中使用TypeScr......
  • web前端之根据字符串长度从长到短排序、中文字符串优先、样式循环、禁止冒泡、悬浮、
    MENU前言效果图htmlstyleJavaScript前言1、代码段由HTML、CSS(使用Sass语法)和JavaScript组成,创建一个文本框,用户可以在其中输入内容,并通过点击按钮进行操作。2、代码段的主要功能是允许用户输入一系列以、分隔的项,并根据长度对这些项进行排序(中文字符优先),然后......