Javascript 如何在Vue.js中使用对象字段上的v-for时打印索引?
所以我有这个对象(不是对象数组),我想用序列号在表上循环它,我可以通过使用它的索引轻松地对对象数组进行循环,但是对于对象,关键是预定义的字符串。在这种情况下,我如何打印出1 2 3 4计数 我的想法完全是空白Javascript 如何在Vue.js中使用对象字段上的v-for时打印索引?,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,所以我有这个对象(不是对象数组),我想用序列号在表上循环它,我可以通过使用它的索引轻松地对对象数组进行循环,但是对于对象,关键是预定义的字符串。在这种情况下,我如何打印出1 2 3 4计数 我的想法完全是空白 orders = { "54VwKBJiUOT9T6tkZBIB": { "created_at": { "seconds": 1564894948, "nanoseconds": 819000000
orders = {
"54VwKBJiUOT9T6tkZBIB": {
"created_at": {
"seconds": 1564894948,
"nanoseconds": 819000000
},
"customer": {
"address": "fasdfsdf",
"fname": "ualala",
"lname": "oLLx",
"registered_on": "kathmandu",
"username": "9qHyd"
},
"delivery_charge": "64",
"drop_datetime": {
"seconds": 1564600500,
"nanoseconds": 0
},
"drop_location": "Dolorem optio est ",
"order_date": {
"seconds": 1566238500,
"nanoseconds": 0
},
"order_type": "urgent",
"pickup_datetime": {
"seconds": 1566330300,
"nanoseconds": 0
},
"pickup_location": "Laboriosam in iure ",
"price": "294",
"status": "pending",
"updated_at": {
"seconds": 1564894948,
"nanoseconds": 819000000
},
"vat_amount": "77"
},
"8WhmWMdh4JViA3kmRXBn": {
"created_at": {
"seconds": 1564894977,
"nanoseconds": 980000000
},
"customer": {
"fname": "Sarojdfd",
"id": "736794115fd942efaaa7",
"lname": "dt7w"
},
"delivery_charge": "64",
"drop_datetime": {
"seconds": 1564600500,
"nanoseconds": 0
},
"drop_location": "Dolorem optio est ",
"order_date": {
"seconds": 1566238500,
"nanoseconds": 0
},
"order_type": "urgent",
"pickup_datetime": {
"seconds": 1566330300,
"nanoseconds": 0
},
"pickup_location": "Laboriosam in iure ",
"price": "294",
"status": "pending",
"updated_at": {
"seconds": 1564894977,
"nanoseconds": 980000000
},
"vat_amount": "77"
}
}
打印出1 2 3 4计数器您可以添加第三个称为索引的变量,如:
<div v-for="(field,key,index) in object">
{{index}}