在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue.js的v-for怎么對非順序的鍵值進行渲染？

vue.js的v-for怎么對非順序的鍵值進行渲染？

json格式如下
{

"0": {
    "name": "1"
},
"2": {
    "name": "2"
}

}

疑問1
返回的這種格式的json怎么用v-for渲染?(不改變鍵值的情況,因為要使用到)

疑問2
v-for取到鍵值的值？

回答
編輯回答
久愛她

一樣的直接用v-for即可，循環(huán)時可以用index取到鍵值。
更新一下，三個參數(shù)不一定傳完的，第一個參數(shù)對應(yīng)值，第二個參數(shù)對應(yīng)鍵，第三個參數(shù)對應(yīng)下標(biāo)，傳2個參數(shù)的情況表示只獲取鍵值。
鑒于會造成語義上的誤解，還是把index換為其他比較好

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title>test</title>  
    <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>  
</head>  
<body>  
    <div id='app'>
      <ul>
        <li v-for="(item,key) in list">
          {{item.name}}
          {{key}}
        </li>
      </ul>
    </div>
<script>
var vm = new Vue({
  el:'#app', 
  data(){
    return{
      list:{
        "0": {
            "name": "1"
        },
        "2": {
            "name": "2"
        }
      }
    }
  }
});
</script>
</body>  
</html>
2017年4月23日 12:39
編輯回答
雨萌萌

循環(huán)出的值是對象，打點調(diào)用屬性值就行了。

<div v-for="(value, key, index) in object">
    {{ value.name }}
    {{ key}}
    {{ index }}
</div>
2017年7月21日 01:28
編輯回答
掛念你

循環(huán)部分v-for="(v,k,i) in obj" 取值部分v.name

2017年2月9日 06:33
編輯回答
互擼娃

直接 v-for 然后對應(yīng) val key index 三個值

<div v-for="(val, key, index) in object"></div>

看看官網(wǎng) https://cn.vuejs.org/v2/api/#...

2018年8月17日 17:30