Как я могу сделать два массива данных vue.js 2?

Я пытаюсь так:

<template>
    ...
</template>
<script>
    export default {
        ...
        data() {
            return {
                tabs: [
                    {
                        sale:{
                            {
                                url: 'store/sale',
                                group: 'index'
                            },
                            {
                                url: 'store/confirm',
                                group: 'confirm'
                            },
                        },
                        purchase:{
                            {
                                url: '/profile/purchase',
                                group: 'payment'
                            },
                            {
                                url: '/profile/purchase/order',
                                group: 'order'
                            },
                        }
                    }
                ]
            }
        },
        ...
    }
</script>

Если код выполняется, существует ошибка:

Uncaught Error: Ошибка сборки модуля: SyntaxError: Неожиданный токен

Кажется, ошибка произошла в данных

Как я могу решить ошибку?


person Success Man    schedule 02.10.2017    source источник


Ответы (1)


Это синтаксическая ошибка:

sale:{
      {
        url: 'store/sale',
        group: 'index'
      },
      {
        url: 'store/confirm',
        group: 'confirm'
      },
     }

То же самое с purchase:{{})

Я подозреваю, что вы хотите, чтобы это были массивы (созданные с помощью [ ]), а не объекты (с помощью { }). Возможно, это то, что вы пытаетесь сделать:

sale:[
      {
        url: 'store/sale',
        group: 'index'
      },
      {
        url: 'store/confirm',
        group: 'confirm'
      },
     ],
purchases[{
  // etc.
     }
    ]
person Mark    schedule 02.10.2017