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

Posted 2023-02-23

【中文标题】如何在 data vue.js 2 中创建两个数组？

【英文标题】：How can I make two array in data vue.js 2?

【发布时间】：2018-03-13 03:01:44

【问题描述】：

我尝试这样：

<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: Unexpected token

数据中好像出现了错误

我该如何解决这个错误？

【参考方案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.
     
    ]