VUE-003-页面跳转

最新推荐文章于 2024-07-29 14:39:07 发布

lemon_tree1002

最新推荐文章于 2024-07-29 14:39:07 发布

阅读量328

点赞数

分类专栏： vue JS 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_39568072/article/details/122058235

版权

本文介绍了三种Vue.js中实现页面跳转的方法：包括跳转到外部网站、在原系统内打开新页面以及完全跳转至新页面，脱离原有系统。

摘要由CSDN通过智能技术生成

方法一（跳转到其他网站，target="_blank"）：

<a :href="link" target="_blank">
    <el-button type="text" size="small">跳转</el-button>
</a>

<script>
    expott default {
        data() {
            return {
                link: "https://www.baidu.com"
            }
        }
    }
</script>

方法二（打开新页面，但依旧在原系统）：

<el-button type="text" size="small" @click="jump()"></el-button>

<script>
    methods: {
        jump() {
            let routeUrl = this.$router.resolve({
                path: "/share",
                query: "{id: 96}",
            });
             window.open