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 相关文章推荐
javascript实现焦点滚动图效果 具体方法
Jun 24 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
js实现文章文字大小字号功能完整实例
Nov 01 Javascript
Node.js的包详细介绍
Jan 14 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
Aug 05 Javascript
关于JS 预解释的相关理解
Jun 28 Javascript
jQuery联动日历的实例解析
Dec 02 Javascript
详解浏览器渲染页面过程
Feb 09 Javascript
JS排序算法之希尔排序与快速排序实现方法
Dec 12 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
Sep 28 Javascript
React Hooks的深入理解与使用
Nov 12 Javascript
关于JSON解析的实现过程解析
Oct 08 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(2)
2006/10/09 PHP
开发大型PHP项目的方法
2006/10/09 PHP
php获取网页内容方法总结
2008/12/04 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
详解PHP中的null合并运算符
2015/12/30 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
Jquery显示、隐藏元素以及添加删除样式
2013/08/09 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
JavaScript中this详解
2015/09/01 Javascript
JavaScript正则表达式匹配 div  style标签
2016/03/15 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
2016/06/09 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
js中使用使用原型(prototype)定义方法的好处详解
2016/07/04 Javascript
JS创建对象的写法示例
2016/11/04 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
2017/01/19 Javascript
浅谈JavaScript的innerWidth与innerHeight
2017/10/12 Javascript
javascript 设计模式之组合模式原理与应用详解
2020/04/08 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
[15:58]DOTA2国际邀请赛采访专栏:Tongfu.Sansheng&KingJ,DK.rOtk
2013/08/08 DOTA
tensorflow实现对图片的读取的示例代码
2018/02/12 Python
python监控进程脚本
2018/04/12 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
Python如何使用正则表达式爬取京东商品信息
2020/06/01 Python
PyCharm最新激活码PyCharm2020.2.3有效
2020/11/18 Python
如何用Python徒手写线性回归
2021/01/25 Python
西班牙创意礼品和小工具网上商店:Curiosite
2016/07/26 全球购物
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
法国包包和行李箱销售网站:Bagage24.fr
2020/03/24 全球购物
幼儿园实习自我鉴定
2013/12/15 职场文书
临时用工协议书范本
2014/10/29 职场文书
环保守法证明
2015/06/24 职场文书
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL