<el-button>点击后如何跳转指定url链接
更新时间：2023年04月13日 10:20:33 作者：Hemist
这篇文章主要介绍了<el-button>点击后如何跳转指定url链接问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
<el-button>点击后跳转指定url链接
Vue + elementUI 的项目前端遇到了这样一个问题：
如何实现点击 button 后，直接跳转到指定的 web_url ?
这里提供一个解决方案，仅供学习和参考。
<el-button size="small" > <a :href="this.webUrl" rel="external nofollow" target="_blank" style="text-decoration: none"> 进入团队项目组 </a> </el-button>
其中：
- ① this.webUrl 是 web url 链接；
- ② target=“_blank” 规定在新的页面中打开链接；
- ③ style=“text-decoration: none” 去除超链接的下划线。
用el-button跳转页面
1.el-button绑定点击事件
<el-button type="primary" @click="Jump" class="detailed">跳转</el-button>
2.在methods内写入方法
注：data即使不需要传数据，也必须return,否则会报错
<script>
export default {
data () {
return {}
},
methods: {
jump () {
this.$router.push('/页面地址')
}
}
}
</script>总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
使用vscode格式化文档无效的解决办法(vue代码格式化文档无效)
这篇文章主要给大家介绍了关于使用vscode格式化文档无效的解决办法,也就是vue代码格式化文档无效,这是最近突然遇到的一个问题,这里给大家介绍一下解决的办法,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了vue项目实现webpack配置代理,解决跨域问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
vue + typescript + video.js实现 流媒体播放 视频监控功能
视频才用流媒体，有后台实时返回数据， 要支持flash播放， 所以需安装对应的flash插件。这篇文章主要介绍了vue + typescript + video.js 流媒体播放 视频监控,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了vue-cli axios请求方式及跨域处理问题,文中还给大家提到了vue中axios解决跨域问题和拦截器使用，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-03-03
这篇文章主要介绍了vue如何在用户要关闭当前网页时弹出提示的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
这篇文章主要为大家详细介绍了Vue3如何利用vuedraggable实现动态配置页面,文中的示例代码讲解详细,具有一定的借鉴价值,需要的可以参考一下2023-12-12
这篇文章主要介绍了uniapp+vue3实现上传图片组件封装功能,首先创建一个 components 文件在里面进行组件的创建,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了h5 vue引入微信sdk 实现分享朋友圈，分享给朋友，获取地理位置功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-07-07
在使用Vue框架开发Web应用时,倒计时功能是一个常见的需求,它可以在一定时间内重复执行某些操作,比如防止用户重复提交表单、限制投票次数、实现验证码获取等功能,所以本文给大家介绍了Vue3动态倒计时的代码实现,需要的朋友可以参考下2024-09-09
众所周知组合式API是一系列API的集合,使我们可以使用函数而不是声明选项的方式书写Vue组件,这篇文章主要给大家介绍了关于Vue组合式API的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
最新评论