VueJs vue-链接外部网站的路由器
VueJs vue-链接外部网站的路由器
提问于 2018-05-31 21:24:27
这可能很简单，但我已经查看了文档，但找不到任何关于它的信息。我想让我的'github‘链接重定向到github.com。然而，它只是将'https://github.com‘附加到我的url中，而不是跟随链接。下面是一个代码片段：
<BreadcrumbItem to='https://github.com'>
<Icon type="social-github"></Icon>
</BreadcrumbItem>(这是对自定义CSS使用iView，但'to‘的工作方式与路由器链接相同)。
最终发生的是这样的：
回答 8
Stack Overflow用户
发布于 2018-05-31 21:43:26
我阅读了Daniel的链接，并找到了一个解决方法：
{
path: '/github',
beforeEnter() {location.href = 'http://github.com'}
}Stack Overflow用户
发布于 2018-09-18 14:14:53
<a :href="'//' + websiteUrl" target="_blank">
{{ url }}
</a>Stack Overflow用户
发布于 2019-05-25 09:20:15
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')<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50633001
复制
相似问题
VueJS vue-路由器不呈现params
vue-路由器vuejs如何通过vue-路由器更改子组件中的道具
Vue-路由器:无法读取未定义- VueJS的属性“VueJS”
vue-路由器‘路由器-链接’不创建链接
VueJS vue-向路由传递值的路由器
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
