{
    path: '/dispatchDict',
    component: Layout,
    hidden: true,
    children: [
      {
        path: 'type/data',
        component: (resolve) => require(['@/views/dispatch/dict/data'], resolve),
        name: 'dispatchDict',
        meta: { title: '調(diào)度字典數(shù)據(jù)', icon: '' }
      }
    ]
  },

<router-link :to="{name:'home'}"> 
<router-link :to="{path:'/home'}"> //name,path都行, 建議用name 
// 注意：router-link中鏈接如果是'/'開始就是從根路由開始；如果不帶'/'，則從當(dāng)前路由開始。

<router-link :to="{name:'home', params: {id:10001}}"> 
// params傳參數(shù) (類似post)
// 路由配置 path: "/home/:id" 或者 path: "/home:id" 
// 不配置path ,第一次可請求,刷新頁面id會消失；配置path,刷新頁面id會保留。
// html 取參 $route.params.id    script 取參 this.$route.params.id

<router-link :to="{name:'dispatchDict', query: {id:10001}}"> 
// query傳參數(shù) (類似get,url后面會顯示參數(shù))
// 路由可不配置
// html 取參 $route.query.id    script 取參 this.$route.query.id

<!-- 帶參數(shù)跳轉(zhuǎn) -->
<router-link :to="{path:'/dispatchDict/type/data',query:{setid:123456}}">
 <button>點(diǎn)擊跳轉(zhuǎn)1</button>
</router-link>

this.$router.push('/home')
this.$router.push({name:'home'})
this.$router.push({path:'/home'})

this.$router.push({name:'dispatchDict',query: {id:'10001'}})
this.$router.push({path:'/dispatchDict/type/data',query: {id:'10001'}})
// html 取參 $route.query.id    script 取參 this.$route.query.id

this.$router.push({name:'dispatchDict',params: {id:'10001'}}) // 只能用 name
// 路由配置 path: "/home/:id" 或者 path: "/home:id" ,
// 不配置path ,第一次可請求,刷新頁面id會消失
// 配置path,刷新頁面id會保留
// html 取參 $route.params.id    script 取參 this.$route.params.id

query類似get, 跳轉(zhuǎn)之后頁面url后面會拼接參數(shù),類似?id=123456, 非重要性的可以這樣傳, 密碼之類還是用params刷新頁面id還在
params類似post, 跳轉(zhuǎn)之后頁面url后面不會拼接參數(shù), 但是刷新頁面id會消失。

this.$router.replace('/home')
this.$router.replace({name:'home'})
this.$router.replace({path:'/home'})

this.$router.replace({name:'dispatchDict',query: {id:'10001'}})
this.$router.replace({path:'/dispatchDict/type/data',query: {id:'10001'}})
// html 取參 $route.query.id    script 取參 this.$route.query.id

this.$router.replace({name:'dispatchDict',params: {id:'10001'}}) // 只能用 name
// 路由配置 path: "/home/:id" 或者 path: "/home:id" ,
// 不配置path ,第一次可請求,刷新頁面id會消失
// 配置path,刷新頁面id會保留
// html 取參 $route.params.id    script 取參 this.$route.params.id

<button @click="upPage">[上一頁]</button>
<button @click="downPage">[下一頁]</button>
upPage() {
this.$router.go(-1);  // 后退一步記錄，等同于 history.back()
},
downPage() {
this.$router.go(1);   // 在瀏覽器記錄中前進(jìn)一步，等同于 history.forward()
}

watch: {
      // 監(jiān)視dictType變化
      "$route.params.dictType": {
        immediate: true,
        handler() {
          const dictType = this.$route.params.dictType;
          this.getType(dictType);
        },
      },
    },
//或者
watch: {
      // 監(jiān)視dictType變化
      "$route.query.dictType": {
        immediate: true,
        handler() {
          const dictType = this.$route.params.dictType;
          this.getType(dictType);
        },
      },
    },

<a  rel="external nofollow" ><button>點(diǎn)擊跳轉(zhuǎn)5</button></a>

<template>
  <div>
    <!-- 在這里嵌入外部網(wǎng)頁 -->
    <iframe src="https://www.example.com" width="100%" height="500px" frameborder="0"></iframe>
  </div>
</template>
 
<script>
export default {
  name: 'EmbeddedWebPage',
}
</script>
 
<style scoped>
/* 在這里添加樣式 */
</style>