mint-ui的swipe的轮播图里面除了第一张可以点击跳转之外,其余不可跳转

发布于 2022-09-05 04:57:14 字数 1633 浏览 16 评论 0

使用的是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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

﹉夏雨初晴づ 2022-09-12 04:57:15

点击出现白屏,会不会是路由设置有问题?另外,如果担心history兼容性问题,可以使用hash路由的window.location.hash = '想要跳转到的路径'

残龙傲雪 2022-09-12 04:57:15

请问解决了吗 我也遇到相同问题了 第二张点击图片就白屏 求指导!!!!急

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文