vue.js 点击事件如何跳转
vue一眼就会的点击事件跳转
·
第一种方法<router-link to="/POWERBEATS"//你要跳转的网页>
1.首先要在index.js里面配置路由:
routes: [
{
path: '/', //默认的网页
name: 'UNBXOED',
component:UNBXOED
},
{
path: '/POWERBEATS',//要跳转的网页
name: ' POWERBEATS',
component: POWERBEATS
}
2.然后如下图:对应路径就是你要跳的网页
第二种方法:
@click跳转
1.在你要点击跳转的地方加上@click 如下:
<th class="th" id="th3" @click="UNBXOED">EXPLORE</th>
2.然后找到你下面组件里的
<script>
export default {
methods:{
UNBXOED(){//这里要和你click后面的名字一样
this.$router.replace('/UNBXOED')//跳转的页面
}
}
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)