Function 将Vue路由参数转换为整数

我想用Vue创建我的投资组合。我一直在尝试将路由参数从字符串转换为id

在主页中，列出了我的公文包项目（以静态方式执行此操作，使用数据对象，而不是从数据库获取）。当您单击它们时，路由参数将获取它们的id，并将其指向/portfolio/1、/portfolio/2，依此类推。然后，此页面将根据该对象的数据动态更改

此页面中还有一个分页（下一个项目和上一个项目）。因为我使用它们的id作为参数，所以我想在单击时增加或减少id，这样它将导致下一个或上一个项目，但我发现参数被读取为字符串而不是整数，因此以/portfolio/11或/portfolio/21结束

我如何实现这一点

到目前为止，我尝试的代码如下：

<router-link :to="{ name: 'Project', params: { id: `${previousFolio}` } }">
   <b-button class="project-nav-button">
      <img src="@/assets/icon-arrow-back.svg" alt="previous project button" class="previous"/>
      <p>Previous Project</p>
   </b-button>
</router-link>

<router-link :to="{ name: 'Project', params: { id: nextFolio } }">
   <b-button class="project-nav-button">
      <p>Next Project</p>
      <img src="@/assets/icon-arrow-next.svg" alt="next project button" class="next"/>
   </b-button>
</router-link>

---

只需使用

parseInt（）

将其转换为整数即可

let folioId = parseInt(this.$route.params.id);

---

只需使用

parseInt（）

将其转换为整数即可

let folioId = parseInt(this.$route.params.id);