【问题标题】:how can i know and change url when i try to get out of router-view in vue当我尝试退出 vue 中的路由器视图时,我如何知道和更改 url
【发布时间】:2021-10-03 23:17:12
【问题描述】:

我是韩国人,所以我希望你能以我笨拙的英语水平理解它

我正在研究 vue 和路由器,我遇到了一些问题

这是我的源代码

{path: '/conference-detail/:id/:Step', component: () => import('..), props: true, children: 
[
        {path: '/conference-detail/:id/:Step/step1', name: 'StepOne', component: () => import('..')},
        {path: '/conference-detail/:id/:Step/step2', name: 'StepTwo', component: () => import('..')},
        {path: '/conference-detail/:id/:Step/step3', name: 'StepThree', component: () => import('..')},
        {path: '/conference-detail/:id/:Step/step4', name: 'StepFour', component: () => import('..')},
    ]},

         <template v-for="(item, index) in processList">
            <router-link
              :to="{name: item.name}"
              :key="index"
              v-text="item.text"
              class="step"
              active-class="active"
              />
          </template>

<router-view/>

当我退出子组件时,我想在子路径中获取没有“step1,step2...”的 url 就像“/conference-detail/:id/:Step” 我认为这就像从父组件中删除子组件..

我希望你能得到我想要尝试的东西

【问题讨论】:

    标签: vue.js vue-component vue-router


    【解决方案1】:

    我认为最后两行有问题:

    <template v-for="(item, index) in processList">
                <router-link
                  :to="{name: item.name}"
                  :key="index"
                  v-text="item.text"
                  class="step"
                  active-class="active"
                  />
                    
                 </router-view>
              </template>
    

    【讨论】:

      猜你喜欢
      • 2020-04-04
      • 2022-10-24
      • 2021-01-07
      • 2021-05-19
      • 1970-01-01
      • 2021-05-23
      • 1970-01-01
      • 2019-03-28
      • 2021-04-26
      相关资源
      最近更新 更多