【Vue3】vue3获取对象长度(非数组长度)
vue3获取对象长度(非数组长度)
对象结构
App.vue
<template><footers :data="data" />
</template><script>export default {data() {return {data: {me: {paritcles: {title: '文章',icon: '../../public/meView/paritcle.svg',data: [],author: '林林'// 作者},gropus: {title: '分组',icon: '../../public/meView/group.svg',data: [],author: '林林'// 作者},collections: {title: '收藏',icon: '../../public/meView/collections.svg',data: [],author: '林林'// 作者},shing: {title: '审核中',icon: '../../public/meView/shing.svg',data: [],author: '林林'// 作者}}}}},}
</script>
MeView.vue
export default {setup(props, { attrs }) {// 传递的数据const data = ref(attrs.data.me)const dataLen = Object.keys(data.value).length;console.log(Object.keys(data.value))console.log(dataLen)}
}
效果图
【Vue3】vue3获取对象长度(非数组长度)相关推荐
- 常见语法错误:sizeof和strlen strlen获取指针指向的数组长度
sizeof不是函数,是一种运算符,所以使用起来不用包含库. strlen获取指针指向的数组长度: sizeof() 和 strlen()的区别,在此不做赘述,详见这位博主的内容:https://ww ...
- php 获取对象中的元素个数组长度,php数组长度怎么获取
我们可以将元素添加到数组或从数组中删除元素,那么如果我们想要知道数组中存在的元素的总长度或总数,我们就可以使用count() 或sizeof函数. 下面我们就通过简单的示例,给大家介绍php获取数组长 ...
- php 获取数组变量个数组的长度,php数组长度的获取方法(三个实例)
本节内容: php数组长度的获取方法 PHP中有两个内建的函数:count() 和sizeof(),可以得到数组的长度. 例1: 复制代码 代码示例: $colorList = array(" ...
- 字符串长度 与数组长度
对于定义 char str[] = "abc\000def\n"(注:其中0为数字零),求字符串str的长度len和数组str的大小size,len和size分别是: (2分)(2 ...
- 获取C++字符串string数组长度
使用sizeof()进行求长度 示例: sizeof(array) / sizeof(array[0]); 还可以将其封装成宏定义 #include <iostream>#define t ...
- 二维字符数组按长度排序_字符串长度 字符数组长度
1.不带转义字符的字符 如:"abc!x=/",其长度为 7 2.带转义字符的字符串 (1) 字符串"abcn":其中的'n'为转义字符(换行符),计算字符串长 ...
- c语言 json数组长度,js 获取json数组里面数组的长度
作为一个前端页面开发者第一次处理json数据,遇到了'js 获取json数组里面数组的长度'?竟然不知道 json没有.length属性(真是要嘲讽下自己),少壮不努力老大徒伤悲啊!以前都是去寻求男朋 ...
- 从非数组对象转数组方法小结
Array.prototype.slice.call(obj) 该方法可以将类数组对象转换为数组,所谓类数组对象,就是含 length 和索引属性的对象 返回的数组长度取决于对象 length 属性的 ...
- java 数组长度 可变_java基础之集合长度可变的实现原理
首先我们要明白java中的集合Collection,List,ArrayList之间的关系: ArrayList是具体的实现类,实现了List接口 List是接口,继承了Collection接口 Li ...
最新文章
- SalttSack自动化运维(二)——环境安装及部署
- Linux 学习日记 2: 目录结构和文件操作
- 企业微信推送消息延迟_iPhone手机微信推送消息总是延迟怎么办?
- 如何修改Fiori launchpad里tile count调用的触发时间间隔
- Laravel 5.4 migrate时报错: Specified key was too long error
- nacos enablediscoveryclient_Spring Cloud(五):注册中心nacos篇
- 【轻量级网络】MobileNet-v1详解
- Struts2 Jakarta远程执行代码测试
- Java23种设计模式(一)
- 产品经理必修30本书
- 密歇根州立大学计算机专业排名,密歇根州立大学优势专业及优势专业排名(QS世界排名)...
- 快速入门Unity机器学习:三:
- 芭蕉树上第十九根芭蕉-- Qt生成随机数的方法
- Java打开exe文件
- 【目标检测】SSD: Single Shot MultiBox Detector 模型fine-tune和网络架构
- 电商设计师(美工)必备的素材网站!
- python多线程下载小姐姐图片
- 3 主存储器 (存储器介绍和分类、主存储器组成和技术指标)
- Ubuntu 20.04设置开机自启动
- C#控件之OpenFileDialog选择图片文件并在picturebox里面显示
热门文章
- 用bat批量处理数据
- 名帖349 孙过庭 草书《千字文》
- 微信小程序云开发及背后的云服务支持。
- (附源码)springboot高校社团管理系统的开发毕业设计231128
- 私域认知篇:私域流量到底是什么?私域流量现象,私域流量可以解决什么问题,如何开展私域流量?...
- 2019税务师课件视频题库分享
- phpoffice/phpword 表格合并和表格绝对居中
- c++哈希(哈希表开散列实现)
- 氮化硼修饰导热复合物和碳纤维氮化硼涂层|六方氮化硼修饰石墨化氮化碳复合光催化剂|六方氮化硼(h-BN)修饰玻碳电极(GCE-BN) 氮化物
- 说说转义字符 “\”