Vue 获取数组键名的方法


Posted in Javascript onJune 21, 2018

json 数组结构如下

"head": [{
"brand": "../static/images/brand.svg"
}],
"main": [{
"教程": []
},

想要获取 “教程” 这两个字作为标题,.vue中方法如下

<h1> 
{{Object.keys(sMain)[0]}}
<h1>

其中的sMain是父级传下来的数组

import source from './assets/data/source.json'
export default {
data () {
return {
sHead: source.head[0],
sMain: source.main[0]
}
}
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 Javascript
网页防止tab键的使用快速解决方法
Nov 07 Javascript
Extjs 4.x 得到form CheckBox 复选框的值
May 04 Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
Mar 24 Javascript
JavaScript的jQuery库插件的简要开发指南
Aug 12 Javascript
jquery实现定时自动轮播特效
Dec 10 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
Jun 23 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
基于vue+canvas的excel-like组件实例详解
Nov 28 Javascript
Taro集成Redux快速上手的方法示例
Jun 21 #Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 #Javascript
JS实现快递单打印功能【推荐】
Jun 21 #Javascript
详解javascript中的babel到底是什么
Jun 21 #Javascript
webpack打包react项目的实现方法
Jun 21 #Javascript
Vue Router的懒加载路径的解决方法
Jun 21 #Javascript
详解如何使用webpack打包JS
Jun 21 #Javascript
You might like
PHP中MD5函数使用实例代码
2008/06/07 PHP
在Windows下编译适用于PHP 5.2.12及5.2.13的eAccelerator.dll(附下载)
2010/05/04 PHP
php 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
Laravel框架源码解析之入口文件原理分析
2020/05/14 PHP
js用图作提交按钮或超连接
2008/03/26 Javascript
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
JQuery 获得绝对,相对位置的坐标方法
2010/02/09 Javascript
jquery学习笔记二 实现可编辑的表格
2010/04/09 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
2012/09/14 Javascript
快速掌握Node.js环境的安装与运行方法
2016/02/16 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
javascript添加前置0(补零)的几种方法
2017/01/05 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
2018/09/12 Javascript
将RGB值转换为灰度值的简单算法
2019/10/09 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
2020/07/21 Javascript
列举Python中吸引人的一些特性
2015/04/09 Python
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
彻底理解Python中的yield关键字
2019/04/01 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
Python 日志logging模块用法简单示例
2019/10/18 Python
基于python判断目录或者文件代码实例
2019/11/29 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
NFL欧洲商店(德国):NFL Europe Shop DE
2018/11/03 全球购物
大二法英学生职业生涯规划范文
2014/02/27 职场文书
公司承诺书范文
2014/05/19 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
2015年营销工作总结范文
2015/04/23 职场文书
python实现黄金分割法的示例代码
2021/04/28 Python
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis