mint-ui的swipe的轮播图里面除了第一张可以点击跳转之外,其余不可跳转
使用的是mint-ui的自带swipe但是里面填写router-link但是没办法跳转,第一张轮播图就可以,第二张第三张就不行了,点击出现一下白屏,
暂时找到了这个源码分析,还没找到解决方法,还是我的姿势就不对,http://blog.csdn.net/u0100146...
<template>
<div class="page-swipe">
<mt-swipe >
<mt-swipe-item class="slide1">
<router-link to="/mine">
<img src="../assets/100x100.png"/>
</router-link>
</mt-swipe-item>
<mt-swipe-item class="slide2">
<router-link to="/product">
<img src="../assets/100x100.png"/>
</router-link>
</mt-swipe-item>
<mt-swipe-item class="slide3">
<router-link to="/detailPage">
<img src="../assets/100x100.png"/>
</router-link>
</mt-swipe-item>
</mt-swipe>
</div>
</template>
<style scoped>
.mint-swipe {
width: 100%;
height: 200px;
color: #fff;
font-size: 30px;
text-align: center;
}
.mint-swipe a {
display: block;
height: 200px;
}
.slide1 {
background-color: #0089dc;
color: #fff;
position: relative;
}
.slide2 {
background-color: #ffd705;
color: #000;
position: relative;
}
.slide3 {
background-color: #ff2d4b;
color: #fff;
position: relative;
}
<style>
暂时想到的方法是给组件增加点击事件,然后router push进行跳转,但是不知道安卓的兼容性怎么样,昨天看的貌似是6.2以上才支持
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
点击出现白屏,会不会是路由设置有问题?另外,如果担心
history
兼容性问题,可以使用hash路由的window.location.hash = '想要跳转到的路径'
。请问解决了吗 我也遇到相同问题了 第二张点击图片就白屏 求指导!!!!急