Question

我试着这样：

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

如果代码已执行，则存在错误：

未捕获错误：模块构建失败：SyntaxError：意外的令牌

似乎数据中出现错误

如何解决错误？

Answer 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.
     }
    ]

如何在数据vue.js 2中创建两个数组？

1 个答案: