组件prop检验

news/2024/7/8 7:24:24 标签: javascript

Vue.js中的父子组件相信都已经是大家很常用到的功能了,

父组件通过props属性向子组件传值
子组件通过自定义事件向父组件传值

 

那么我们怎么去校验props属性中的类型呢

笔者列出以下几种方法:

1:直接检测

如果将 string 换成Number 那么在控制台是会报错的

 

2: 数组的方式

同样如果不是相应的类型便会在控制台报错

 

3:对象的方法

首先如果required为false,那么content不传递也没关系,如果为true,则就会和type中的类型进行匹配,若不是type中的类型便会在控制台报错

 

4:运用 validator 方法

validator 方法感觉是一个很强大的方法了,我们不仅仅是可以对content进行类型检测了,可以进行更加复杂的操作

转载于:https://www.cnblogs.com/mlw1814011067/p/10446485.html


http://www.niftyadmin.cn/n/1335552.html

相关文章

网上下载文档需要付费?试试这几招,老师傅一般都会使用

平时在上网找资料时候,当发现下载时候需要付费,我们一般该怎么办呢?扎心啦老铁,难道你就甘心放弃现在找到的文档资料? 其实不用的啦!这里为大家汇总了几个下载文档的方法,大家如果有什么需要下…

也谈GB28181码流收发

1.前置文章 PS封装格式:GB28181协议RTP传输 H265的国标PS流打包 这两篇文章里面有的就不细说了 2.发送的规则细节 在国标中,不需要对H264/H265裸流进行进一步的去NAL等操作,直接发裸流即可。如果一个包发不下,可以分包发送&a…

教你把多个视频合并成一个视频的方法

前几天朋友向我请教视频合并的方法,而说起视频合并相信大部分小伙伴都听说过,但是当中也有部分小伙伴不知道怎么合并视频(多个视频合并成一个视频)。下面就来教大家用迅捷视频转换器把多个视频合并成一个视频的方法。 第一步&…

查询浏览器是否支持html5

js判断 插入js代码 <script> window.onload function() { if (window.applicationCache) { alert("你的浏览器支持HTML5"); } else { alert("你的浏览器不支持HTML5"); } } </script> 2原生标签兼容 <body> <canvas style"bac…

【转】自定义修改Nginx的server

nginx版本暴露会留下不少麻烦&#xff1b;索性一不做二不休&#xff0c;名字也改掉。 1 修改server要在编译Nginx修改/src/core/nginx.h文件 #define NGINX_VERSION "1.20" #define NGINX_VER "mywebserver" 2 修改src/http/ngx_http_header_…

100套精品PPT模板免费拿!以后再也不用怕老板叫你制作PPT了

你还在怕老板叫你制作PPT吗&#xff1f; 说真的制作PPT好麻烦哦&#xff01;不仅需要提前找好素材&#xff0c;还需要规划好制作的思路&#xff0c;如果不是太熟练的话&#xff0c;需要2~3个小时才能制作好&#xff01; 其实不必要那么麻烦啦&#xff01;老板布置下来的任务我…

奇点云完成A轮融资,晨兴资本领投

2月28日消息&#xff0c;近日&#xff0c;“奇点云”已于2018年12月底完成近6000万元A轮融资&#xff0c;晨兴资本领投&#xff0c;IDG资本、浙商创投、禧筠资本跟投。据悉&#xff0c;本次融资完成后&#xff0c;奇点云将深耕、聚焦主要垂直场景。 奇点云于2016年12月成立&am…

a 的CSS惯例

a, a:link{cursor: pointer; /*使用箭头 掠过显示小手 ie5只认&#xff1a; cursor: hand;*/ color: #666; line-height: 24px; text-decoration: none; /*无下划线*/ white-space: nowrap; /*无空格 不换行*/ text-overflow: ellipsis; /*ellipsis&#…