<el-button>点击后怎么跳转指定url链接
这篇文章主要介绍了<el-button>点击后怎么跳转指定url链接的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇<el-button>点击后怎么跳转指定url链接文章都会有所收获,下面我们一起来看看吧。
<el-button>点击后跳转指定url链接
Vue + elementUI 的项目前端遇到了这样一个问题:
如何实现点击 button 后,直接跳转到指定的 web_url ?
这里提供一个解决方案,仅供学习和参考。
<el-button size="small" >
<a :href="https://www.19jp.com">
其中:
① 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>
相关内容
这些是最新的
热门排行
- THINKPHP5+GatewayWorker+Workerman 开发在线客服系统
- 在手机浏览器网页中点击链接跳转到微信界面的方法
- 尊云网站目录系统 ThinkPHP5网站分类目录程序 v2.2.221011
- CentOS 7安装shadowsock(一键安装脚本)
- AdminTemplate 基于LayUI 2.4.5实现的网站后台管理模板
- 用NW.js(node-webkit)开发多平台的桌面客户端
- PHP生成随机昵称/用户名
- THINKPHP5网站分类目录程序 尊云网站目录系统
- 织梦(DEDECMS)微信支付接口 微信插件
- 基于LayUI开发的 网站后台管理模板 BeginnerAdmin
- 响应式后台网站模板 - AMA.ADMIN
- layuiAdmin后台管理模板 Iframe版
- LayUI 1.0.9 升级 至 LayUI 2.1.4 方法
- 简洁清爽的会员中心模板
- jQuery幸运大转盘抽奖活动代码