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获取对象长度(非数组长度)相关推荐

  1. 常见语法错误:sizeof和strlen strlen获取指针指向的数组长度

    sizeof不是函数,是一种运算符,所以使用起来不用包含库. strlen获取指针指向的数组长度: sizeof() 和 strlen()的区别,在此不做赘述,详见这位博主的内容:https://ww ...

  2. php 获取对象中的元素个数组长度,php数组长度怎么获取

    我们可以将元素添加到数组或从数组中删除元素,那么如果我们想要知道数组中存在的元素的总长度或总数,我们就可以使用count() 或sizeof函数. 下面我们就通过简单的示例,给大家介绍php获取数组长 ...

  3. php 获取数组变量个数组的长度,php数组长度的获取方法(三个实例)

    本节内容: php数组长度的获取方法 PHP中有两个内建的函数:count() 和sizeof(),可以得到数组的长度. 例1: 复制代码 代码示例: $colorList = array(" ...

  4. 字符串长度 与数组长度

    对于定义 char str[] = "abc\000def\n"(注:其中0为数字零),求字符串str的长度len和数组str的大小size,len和size分别是: (2分)(2 ...

  5. 获取C++字符串string数组长度

    使用sizeof()进行求长度 示例: sizeof(array) / sizeof(array[0]); 还可以将其封装成宏定义 #include <iostream>#define t ...

  6. 二维字符数组按长度排序_字符串长度 字符数组长度

    1.不带转义字符的字符 如:"abc!x=/",其长度为 7 2.带转义字符的字符串 (1) 字符串"abcn":其中的'n'为转义字符(换行符),计算字符串长 ...

  7. c语言 json数组长度,js 获取json数组里面数组的长度

    作为一个前端页面开发者第一次处理json数据,遇到了'js 获取json数组里面数组的长度'?竟然不知道 json没有.length属性(真是要嘲讽下自己),少壮不努力老大徒伤悲啊!以前都是去寻求男朋 ...

  8. 从非数组对象转数组方法小结

    Array.prototype.slice.call(obj) 该方法可以将类数组对象转换为数组,所谓类数组对象,就是含 length 和索引属性的对象 返回的数组长度取决于对象 length 属性的 ...

  9. java 数组长度 可变_java基础之集合长度可变的实现原理

    首先我们要明白java中的集合Collection,List,ArrayList之间的关系: ArrayList是具体的实现类,实现了List接口 List是接口,继承了Collection接口 Li ...

最新文章

  1. SalttSack自动化运维(二)——环境安装及部署
  2. Linux 学习日记 2: 目录结构和文件操作
  3. 企业微信推送消息延迟_iPhone手机微信推送消息总是延迟怎么办?
  4. 如何修改Fiori launchpad里tile count调用的触发时间间隔
  5. Laravel 5.4 migrate时报错: Specified key was too long error
  6. nacos enablediscoveryclient_Spring Cloud(五):注册中心nacos篇
  7. 【轻量级网络】MobileNet-v1详解
  8. Struts2 Jakarta远程执行代码测试
  9. Java23种设计模式(一)
  10. 产品经理必修30本书
  11. 密歇根州立大学计算机专业排名,密歇根州立大学优势专业及优势专业排名(QS世界排名)...
  12. 快速入门Unity机器学习:三:
  13. 芭蕉树上第十九根芭蕉-- Qt生成随机数的方法
  14. Java打开exe文件
  15. 【目标检测】SSD: Single Shot MultiBox Detector 模型fine-tune和网络架构
  16. 电商设计师(美工)必备的素材网站!
  17. python多线程下载小姐姐图片
  18. 3 主存储器 (存储器介绍和分类、主存储器组成和技术指标)
  19. Ubuntu 20.04设置开机自启动
  20. C#控件之OpenFileDialog选择图片文件并在picturebox里面显示

热门文章

  1. 用bat批量处理数据
  2. 名帖349 孙过庭 草书《千字文》
  3. 微信小程序云开发及背后的云服务支持。
  4. (附源码)springboot高校社团管理系统的开发毕业设计231128
  5. 私域认知篇:私域流量到底是什么?私域流量现象,私域流量可以解决什么问题,如何开展私域流量?...
  6. 2019税务师课件视频题库分享
  7. phpoffice/phpword 表格合并和表格绝对居中
  8. c++哈希(哈希表开散列实现)
  9. 氮化硼修饰导热复合物和碳纤维氮化硼涂层|六方氮化硼修饰石墨化氮化碳复合光催化剂|六方氮化硼(h-BN)修饰玻碳电极(GCE-BN) 氮化物
  10. 说说转义字符 “\”