<el-button>点击后跳转指定url链接
Vue + elementUI 的项目前端遇到了这样一个问题：
如何实现点击 button 后，直接跳转到指定的 web_url ?
这里提供一个解决方案，仅供学习和参考。
<el-button size="small" >
<a :href="this.webUrl" rel="external nofollow" 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>总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持编程网。
