积累vue中的效果图实现

时间：2020-02-20 23:53:58 阅读：104 评论：0 收藏：0 [点我收藏+]

标签：事件 ref contact tar route router val turn click

一，制作详情页的返回箭头，当回到主页时，箭头隐藏

技术图片

1，思路，这里不用a标签跳转，用点击事件。

methods:{

//返回健方法：s

goBack(){

this.$router.go(-1);

}

2,完成了返回功能，，完善一下，当回到首页隐藏箭头

return{

flag:false,

}

在跟方法同层的有一个监听事件的属性：watch

//隐藏返回键：s,第一步要监听(watch监听)到地址路由的改变，再判断是显示／隐藏显示？

methods:{}

watch:{

"$route.path":function(newVal){

if(newVal === "/HelloWorld"){

this.flag=false

}else{

this.flag=true

}

二：实现底部导航栏的页面跳转

1，

<router-link class="mui-tab-item" target="_blank" to="/bEdition">

新版

</router-link>

2，

created(){

this.tel();

this.win();

methods:{

//手机版加入代码,实现底部导航栏的页面跳转：

tel(){mui(‘body‘).on(‘tap‘,‘a‘,function(){document.location.href=this.href;})},

//电脑版加入代码,实现底部导航栏的页面跳转：

win(){ mui(‘body‘).on(‘click‘,‘a‘,function(){document.location.href=this.href;})},

}

积累vue中的效果图实现

标签：事件 ref contact tar route router val turn click

原文地址：https://www.cnblogs.com/lvqiupingboke-2019/p/12339696.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行