vue props default Array或是Object的正确写法说明


Posted in Javascript onJuly 30, 2020

1、错误写法

demo:{
 type:Array,
 default:[]
}

eslint语法报错:

Invalid default value for prop “demo”: Props with type Object/Array must use a factory function to return the default value.

2、正确的写法应该是:

demo: {
 type: Array,
 default: function () {
  return []
 }
}

或是用箭头函数:

demo: {
 type: Array,
 default: () => []
}

3、对象的箭头函数写法:

demoObj: {
 type: Object,
 default: () => ({})
}

或是常规

demoObj: {
type: Object,
default: function () {
return {}
}
}

错误的写法

demoObj: () => {}

补充知识:vue 传参props里面为什么要带type,还有default?

vue props default Array或是Object的正确写法说明

这个是子组件啦 ,写type的意思是swiperDate传过来的数据类型是数组,default就是表示不传默认返回的[ ],空数组.

vue props default Array或是Object的正确写法说明

这种就是表示传的数据类型是number,不传默认是0。

以上这篇vue props default Array或是Object的正确写法说明就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 Javascript
JS实现div内部的文字或图片自动循环滚动代码
Apr 19 Javascript
浅谈js中变量初始化
Feb 03 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
基于JavaScript代码实现自动生成表格
Jun 15 Javascript
关于js函数解释(包括内嵌,对象等)
Nov 20 Javascript
bootstrap datetimepicker日期插件使用方法
Jan 13 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
解决Layui 表单提交数据为空的问题
Aug 15 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
vue和iview实现Scroll 数据无限滚动功能
Oct 31 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
Jan 29 Vue.js
Vue props中Object和Array设置默认值操作
Jul 30 #Javascript
vue prop传值类型检验方式
Jul 30 #Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 #Javascript
vue setInterval 定时器失效的解决方式
Jul 30 #Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
Jul 30 #Javascript
浅谈vue 组件中的setInterval方法和window的不同
Jul 30 #Javascript
详解JavaScript自定义函数
Jul 29 #Javascript
You might like
php htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
PHP OPCode缓存 APC详细介绍
2010/10/12 PHP
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
PHP实现随机发放扑克牌
2020/04/21 PHP
HTTP状态代码以及定义(解释)
2007/02/02 Javascript
js几秒以后倒计时跳转示例
2013/12/26 Javascript
jquery调整表格行tr上下顺序实例讲解
2016/01/09 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
2016/07/14 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
2016/11/09 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
跟老齐学Python之重回函数
2014/10/10 Python
python获取标准北京时间的方法
2015/03/24 Python
python批量赋值操作实例
2018/10/22 Python
python实现基于信息增益的决策树归纳
2018/12/18 Python
Python实现快速排序的方法详解
2019/10/25 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
Python requests.post方法中data与json参数区别详解
2020/04/30 Python
使用Python将xmind脑图转成excel用例的实现代码(一)
2020/10/12 Python
css3 column实现卡片瀑布流布局的示例代码
2018/06/22 HTML / CSS
全球最大最受欢迎的旅游社区:Tripadvisor
2017/11/03 全球购物
南京软件公司的.net程序员笔试题
2014/08/31 面试题
团日活动策划书
2014/02/01 职场文书
运动会方队口号
2014/06/07 职场文书
网络营销计划
2015/01/17 职场文书
党纪处分决定书
2015/06/24 职场文书
深入理解python多线程编程
2021/04/18 Python
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python