Vue 获取数组键名的方法
更新时间：2018年06月21日 14:16:06 作者：Brown
本篇文章主要介绍了Vue 获取数组键名的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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]
}
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了详解vue-loader在项目中是如何配置的，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
el-input输入校验不能为空格以及不能输入全部为空的内容
这篇文章主要给大家介绍了关于el-input输入校验不能为空格以及不能输入全部为空的内容的相关资料,el-input验证规则主要是为了确保输入的内容符合特定的要求,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了讲解vue-router之命名路由和命名视图，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要介绍了vue实现禁止浏览器记住密码功能的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-02-02
这篇文章主要介绍了vue项目运行npm install报错问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-08-08
这篇文章主要介绍了vue项目webpack中配置src路径别名及使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue路由组件路径如何用变量形式动态引入问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
$是在vue中所有实例中都可用的一个简单约定,这样做会避免和已被定义的数据,方法,计算属性产生冲突,下面这篇文章主要给大家介绍了关于vue中$含义及其用法的相关资料,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了vue 父组件中调用子组件函数的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了vue watch关于对象内的属性监听的相关知识，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-04-04
最新评论