Javascript 如何在Vue.js中使用对象字段上的v-for时打印索引?

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

所以我有这个对象(不是对象数组),我想用序列号在表上循环它,我可以通过使用它的索引轻松地对对象数组进行循环,但是对于对象,关键是预定义的字符串。在这种情况下,我如何打印出1 2 3 4计数

我的想法完全是空白

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}}