vue http页面新开窗口跳转https页面

Star航仔

于 2023-10-27 17:21:09 发布

阅读量306

点赞数

文章标签： vue.js http javascript

本文链接：https://blog.youkuaiyun.com/weixin_41662207/article/details/134080732

版权

本文介绍了如何在Vue组件中使用JavaScript方法动态创建a标签，实现从http链接跳转到https的异步操作，通过createElement、appendChild和removeChild等DOM操作实现点击后跳转并移除元素。

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

动态创建a标签 http跳转https
    methods: {
      open(url, rel, target) {
        var a = document.createElement("a");
        a.href = url;
        a.target = target;
        a.rel = rel;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a)
      }
    },
    mounted() {
      getHikvisionUrl().then(res => {
        let url = res.data + '';
        this.open(url,'noreferrer','_blank')
      });
    }