Vue 獲取數(shù)組鍵名的方法
更新時間：2018年06月21日 14:16:06 作者：Brown
本篇文章主要介紹了Vue 獲取數(shù)組鍵名的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
json 數(shù)組結(jié)構如下
"head": [{
"brand": "../static/images/brand.svg"
}],
"main": [{
"教程": []
},
想要獲取 “教程” 這兩個字作為標題，.vue中方法如下
<h1>
{{Object.keys(sMain)[0]}}
<h1>
其中的sMain是父級傳下來的數(shù)組
import source from './assets/data/source.json'
export default {
data () {
return {
sHead: source.head[0],
sMain: source.main[0]
}
}
}
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了詳解vue-loader在項目中是如何配置的，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
el-input輸入校驗不能為空格以及不能輸入全部為空的內(nèi)容
這篇文章主要給大家介紹了關于el-input輸入校驗不能為空格以及不能輸入全部為空的內(nèi)容的相關資料,el-input驗證規(guī)則主要是為了確保輸入的內(nèi)容符合特定的要求,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了講解vue-router之命名路由和命名視圖，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要介紹了vue實現(xiàn)禁止瀏覽器記住密碼功能的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-02-02
這篇文章主要介紹了vue項目運行npm?install報錯問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-08-08
這篇文章主要介紹了vue項目webpack中配置src路徑別名及使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue路由組件路徑如何用變量形式動態(tài)引入問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
$是在vue中所有實例中都可用的一個簡單約定,這樣做會避免和已被定義的數(shù)據(jù),方法,計算屬性產(chǎn)生沖突,下面這篇文章主要給大家介紹了關于vue中$含義及其用法的相關資料,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了vue 父組件中調(diào)用子組件函數(shù)的方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-06-06
vue watch關于對象內(nèi)的屬性監(jiān)聽
這篇文章主要介紹了vue watch關于對象內(nèi)的屬性監(jiān)聽的相關知識，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-04-04