Vue.js 如何使用路径携带多个参数？

我有一个配置数据：

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

{{item.name}

你看，当我点击

路由器链接时

它将跳转到路径获取

路径

参数

---

但是，我现在想取更多的参数，你看我这次只取了一个

bool

param。在这种情况下，如何获取更多参数？

您可以使用下面的方法来实现在路径中传递多个参数：

/home/server_workpanel/uid/pid

在您的

router.js

中，您应该分配参数：

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

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

this.$route.params