naro

您所在的位置:首页 > 解决方案 > 前端技术 > 正文
Vue中点击跳转外部链接方法 发表时间:2018-01-23 11:05:01 点击:
导言:在vue使用过程中,跳转链接除了内部路由外,外部链接vue自身的办法是:href,但必须是a标签,那么div和其他标签呢该怎么办呢?

我们采用click点击事件来解决这个问题,配合js 的window.location.href

<template>
    <div @click="gotosearchurl()"></div>
</template>
<script>
methods: {
    gotosearchurl () {
        window.location.href = 'http://search.tongwei.cn/'
    }
};
</script>