vue router动态路由点击跳转路径地址重复追加

vue router动态路由点击跳转路径地址重复追加

查看代码发现是页面中相对路径最前面少了 ‘ / ’；添加上就能正常显示了。如下：

 <!--      导航选项卡-->
    <el-col :span="16" style="height: 100%;display: flex;">
      <div class="title-bar nav-button" v-for="nav in navs" @click="to(nav.url)">{{ nav.title }}</div>
    </el-col>


data() {
    return {
      navs: [
        { title: '综合态势', url: '/' },
        { title: '园区服务', url: '/park' },
        { title: '物业服务', url: '/property' },
        { title: '人员管理', url: '/personnel' },
        { title: '车辆管理', url: '/vehicle' },
        { title: '园区安防', url: '/security' },
        { title: '设施管理', url: '/facility' },
      ]
    }
  },