vue 頁面跳轉


1.href//跳轉刷新頁面
@click = jumpCompanyProfile(item.picktextUrl)//參數是后台給的接口
jumpCompanyProfile(url){
  window.location.href = url
}
2.router//跳轉時不刷新頁面
1)不帶參數
 @click = jumpCompanyProfile();
 jumpCompanyProfile(){
  this.$router.push('/companyProfile')
}
2)帶參數
@click = jumpCompanyProfile(orgInfo.companyId)//此參數是后台給的接口
jumpCompanyProfile(currCompanyId){
  let urlParams = {
    path: '/companyProfile',//要挑戰的頁面路徑
    query: {
      companyId: currCompanyId //要帶的參數
    }
  };
  this.$router.push(urlParams);
}
//在CompanyProfile頁面
data () {
  return {
    jmOrgId : 0//定義一個變量用來接收跳轉時傳過來的參數
  }
},
mounted() {
  this.jmOrgId = this.$route.query.companyId;//接收跳轉時傳過來的參數
},
methods: {
  //發送ajax時將接收到的參數傳給后台
  let params = {
    "jmOrgId" : this.jmOrgId   },   this.$axios.post(url,params).then(res =>{   }).catch(res=>{
  })
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM