vue怎麼跳到另一個頁面

vue跳到另一個頁面的實作方法：1、在a標籤中加入跳轉函數；2、將跳轉的url加入$router中；3、透過「path query」的組合傳遞參數即可。

本文操作環境：windows7系統、vue2.5.17版、DELL G3電腦。

vue怎麼跳到另一個頁面？

vue從一個頁面跳到另一個頁面並攜帶參數的解決方法

1.需求：

點選商場跳到商業體清單

解決方案：

元頁面：

a標籤中新增跳轉函數

<a class="orderBtn1 sIRicon2" href="javascript:void(0);" rel="external nofollow" @click="toMallInfo(&#39;M000989&#39;)"><i class="sIRicon"></i>商场</a>

  toMallInfo: function(mallCode){
    this.$router.push({
     path: '/propertyInfo/mall/mallList',
     // name: 'mallList',
     query: {
      mallCode: 'M000989'
     }
    })
   },

將將跳轉的url加入$router。

path 中的url 最前面加/ 代表是根目錄下，不加則是子路由

透過path query 的組合傳遞參數

----

跳轉頁面接收參數

 created(){
   this.getParams()
  },
methods :{getParams(){
    // 取到路由带过来的参数
    const routerParams = this.$route.query.mallCode
    // 将数据放在当前组件的数据内
    this.mallInfo.searchMap.mallCode = routerParams;
    this.keyupMallName()
   }
  }，
  watch: {
   '$route': 'getParams'
  }

解決！ ！ ！

推薦學習：《vue教學》

以上是vue怎麼跳到另一個頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！