首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >VueJs vue-链接外部网站的路由器

VueJs vue-链接外部网站的路由器
EN

Stack Overflow用户
提问于 2018-06-01 05:24:27
回答 8查看 68.3K关注 0票数 46

这可能很简单,但我已经查看了文档,但找不到任何关于它的信息。我想让我的'github‘链接重定向到github.com。然而,它只是将'https://github.com‘附加到我的url中,而不是跟随链接。下面是一个代码片段:

代码语言:javascript
复制
 <BreadcrumbItem to='https://github.com'>
    <Icon type="social-github"></Icon>
 </BreadcrumbItem>

(这是对自定义CSS使用iView,但'to‘的工作方式与路由器链接相同)。

最终发生的是这样的:

EN

回答 8

Stack Overflow用户

发布于 2018-06-01 05:43:26

我阅读了Daniel的链接,并找到了一个解决方法:

代码语言:javascript
复制
{
     path: '/github',
     beforeEnter() {location.href = 'http://github.com'}
}
票数 46
EN

Stack Overflow用户

发布于 2018-09-18 22:14:53

代码语言:javascript
复制
<a :href="'//' + websiteUrl" target="_blank">
  {{ url }}
</a>
票数 33
EN

Stack Overflow用户

发布于 2019-05-25 17:20:15

代码语言:javascript
复制
const github = { template: '<div>github</div>'}

	const routes = [
		{ 
			path: '/github',
			beforeEnter() {location.href = 'http://github.com'},
			component: github
		}
		]

	const router = new VueRouter({
		routes
		})

	const app = new Vue({
		router
		}).$mount('#app')
代码语言:javascript
复制
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	  <script src="https://unpkg.com/vue/dist/vue.js"></script>
	  <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
    </head>
<body>    
<div id="app">
  <li><router-link to="/github">github.com</router-link></li>
  <router-view></router-view>
</div>
</body>

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50633001

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档