實現Vue-router編程式導航的兩種方法-創新互聯

這篇文章主要介紹“實現Vue-router編程式導航的兩種方法”，在日常操作中，相信很多人在實現Vue-router編程式導航的兩種方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”實現Vue-router編程式導航的兩種方法”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

創新互聯建站-專業網站定制、快速模板網站建設、高性價比通榆網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式通榆網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋通榆地區。費用合理售后完善，十余年實體公司更值得信賴。

頁面導航的兩種方式

聲明式導航：通過點擊鏈接實現導航的方式，叫做聲明式導航
例如：普通網頁中的鏈接或 vue 中的
編程式導航：通過調用JavaScript形式的API實現導航的方式，叫做編程式導航
例如：普通網頁中的location.href

編程式導航基本用法

常用的編程式導航 API 如下：

this.$router.push(‘hash地址')

this.$router.go(n)

 const User = {  
 		template: '跳轉到注冊頁面',  
  	methods: { 
  	 goRegister: function(){   
    // 用編程的方式控制路由跳轉   
    	this.$router.push('/register'); 
  } 
  } 
 }

具體嗎實現：



 
 
 
 
 Document
 
 
 
 
 
 
 
 
 
  User1
  User2
  User3
  Register

router.push() 方法的參數規則

 // 字符串(路徑名稱) 
router.push('/home') 
// 對象 
router.push({ path: '/home' }) 
// 命名的路由(傳遞參數) 
router.push({ name: '/user', params: { userId: 123 }}) 
// 帶查詢參數，變成 /register?uname=lisi 
router.push({ path: '/register', query: { uname: 'lisi' }})

到此，關于“實現Vue-router編程式導航的兩種方法”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注創新互聯網站，小編會繼續努力為大家帶來更多實用的文章！

當前文章：實現Vue-router編程式導航的兩種方法-創新互聯
URL地址：http://www.xueling.net.cn/article/peesi.html

老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

重慶分公司，新征程啟航

實現Vue-router編程式導航的兩種方法-創新互聯

頁面導航的兩種方式

編程式導航基本用法

router.push() 方法的參數規則

其他資訊