vue中实现跳转链接并拼接参数（点击跳转或者判断返回请求数据跳转）

最新推荐文章于 2024-01-15 16:13:55 发布

原创最新推荐文章于 2024-01-15 16:13:55 发布 · 3.8k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue基础知识专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何在Vue应用中实现点击事件或依据请求数据进行动态跳转，并详细讲解如何拼接跳转链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中实现跳转链接（点击跳转或者判断返回请求数据跳转）

 <div @click="toRescue">
      标题：window.location.href跳转到外部链接测试
    </div>
    ......
    data() {
      return {
        url: 'http://cs.5gbaoxian.com:8008/insurance/insurePay/orderPayRequest/',
      };
    },
    methods: {
      toRescue() {
        window.location.href = this.url;
      },
    },

如果跳转地址需要拼接

 <div @click="toRescue">
      window.location.href跳转到外部链接测试
    </div>
    ......
    data() {
      return {
       orderId:'',
       url: 'http://cs.5gbaoxian.com:8008/insurance/insurePay/orderPayRequest/',
      };
    },
    methods: {
      toRescue() {
       window.location.href = this.url+this.orderId;
      },
    },

根据返回的结果进行跳转

 if(isSuccess == true){
       console.log('跳转到支付页面')
       this.toRescue()
     }