Question

我有一个配置数据：

{
    icon: 'ios-barcode',
    size: '30',
    color: '#ff9900',
    path: '/home/server_workpanel/true',
    name: 'used' + ' (' + used_count + ') ',   
  },

当我在vue文件中使用它时：

<router-link :to="item.path">
  <span class="icon">
    <Icon :type="item.icon" :size='item.size' :color='item.color'></Icon>
  </span>
  <div class="icon-title">
    <h3>{{item.name}}</h3>
  </div>
</router-link>

您看到的是，当我单击router-link时，它将跳到采用path参数的路径。

但是，我现在想获取更多参数，您会看到这次我仅接受bool参数。在这种情况下我该如何接受更多参数？

Answer 1

您可以使用波纹管方式来实现在路径中传递多参数：

/home/server_workpanel/uid/pid

，然后在您的router.js中分配参数：

path:/home/server_workpanel/:uid/:pid

在您的模板中，您可以获取键值对象：

this.$route.params

如何使用路径携带多参数？

1 个答案: