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实现继承机制之调用call()与apply()的方法详解
May 07 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
Jul 07 Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
Sep 14 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
详解数组Array.sort()排序的方法
May 09 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
Mar 04 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
Apr 12 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
浅谈箭头函数写法在ReactJs中的使用
Aug 22 Javascript
JavaScript中EventLoop介绍
Jan 22 Javascript
vue使用监听实现全选反选功能
Jul 06 Javascript
微信小程序自定义音乐进度条的实例代码
Aug 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
支持中文字母数字、自定义字体php验证码代码
2012/02/27 PHP
利用phpexcel对数据库数据的导入excel(excel筛选)、导出excel
2017/04/27 PHP
PHP5.6读写excel表格文件操作示例
2019/02/26 PHP
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
jQuery的live()方法对hover事件的处理示例
2014/02/27 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
2015/11/09 Javascript
Node.js中常规的文件操作总结
2016/10/13 Javascript
jQuery双向列表选择器DIV模拟版
2016/11/01 Javascript
js cookie实现记住密码功能
2017/01/17 Javascript
Bootstrap缩略图的创建方法
2017/03/22 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
Node.js 如何利用异步提升任务处理速度
2019/01/07 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
Python multiprocessing模块中的Pipe管道使用实例
2015/04/11 Python
在Python中使用zlib模块进行数据压缩的教程
2015/06/26 Python
详谈python http长连接客户端
2017/06/12 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
Python3实现对列表按元组指定列进行排序的方法分析
2018/12/22 Python
python数值基础知识浅析
2019/11/19 Python
Python hashlib常见摘要算法详解
2020/01/13 Python
python列表删除和多重循环退出原理详解
2020/03/26 Python
在服务器上安装python3.8.2环境的教程详解
2020/04/26 Python
python切割图片的示例
2020/11/12 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
软件测试企业面试试卷
2016/07/13 面试题
商务日语专业毕业生求职信
2013/10/26 职场文书
实习教师自我鉴定
2013/12/12 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
学校工会工作总结2015
2015/05/19 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
MySql新手入门的基本操作汇总
2021/05/13 MySQL
JMeter对MySQL数据库进行压力测试的实现步骤
2022/01/22 MySQL