- 28
- 0
<template>
<div class="slide" ref="slide">
<ul class="list clearfix" id="slide-list">
<li v-for="d in slideArr">
<a href=""><img :src="d.pic_url" /></a>
<div class="title">
<a href="">{{d.title}}</a>
</div>
</li>
</ul>
<div class="count"><strong class="cur">1</strong>/3</div>
</div>
</template>
<script>
import BScroll from 'better-scroll';
export default {
data(){
return{
slideArr : [
{
"title" : "宁波待拆迁住宅区突发爆炸现场",
"pic_url" : "http://xxx.com/test/images/ba98541462ddb36_size28_w600_h400.jpg"
},
{
"title" : "宁波待拆迁住宅区突发爆炸现场",
"pic_url" : "http://xxxx.com/test/images/C6C3B19CBE38BA8829CA8C1DEE44FAF0A18C4C62_size25_w568_h423.jpg"
}
]
}
},
methods : {
_setSlideWidth(){
var list = document.querySelector("#slide-list"),item = list.getElementsByTagName("li"),str = 0;
list.style.width=(640*item.length*2)+"px";
}
},
mounted() {
this._setSlideWidth();
setTimeout(() => {
var bScroll = new BScroll(".slide",{
scrollY : false,
scrollX : true,
momentum: false,
snap: {
loop: true,
threshold: 0.3,
speed: 400
},
click:true
});
bScroll.on("scrollEnd",function(o){
console.log(bScroll.getSelectedIndex())
})
},20);
}
}
</script>
<style lang="scss" scoped>
.slide{ overflow:hidden;margin:.4em 0;position: relative; }
.list li{width:640px;float:left;position:relative;}
.list li .title{ position:absolute;bottom:0;left:0;width:100%; padding:.5em 0; background-image: linear-gradient(rgba(132, 132, 132, 0.08), rgba(132, 132, 132, 0.29), rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.61)); }
.list li .title a{ font-size:1.2em;color:#dbd9da;margin-left:2%; }
.count{ position:absolute;bottom:.5em;right:.5em;color:#dbd9da; }
.cur{ color:#c2424f; font-size:1.2em; }
</style>
想在scrollEnd事件里监听console.log(bScroll.getSelectedIndex())
为什么返回一个false给我?
文档里明明说 获取当前选中的索引值 是number类型的
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
↗冷色的回忆ε 普通会员 1楼
在Vue中,我们可以使用 BetterScroll 组件的
getSelectedIndex方法来获取当前选中的索引。这个方法通常在 BetterScroll 的实例化过程中调用。例如,如果你在 Vue 应用中创建了一个 BetterScroll 组件,你可以这样调用
getSelectedIndex方法:javascript BetterScroll.getSelectedIndex()这将会返回当前选中的索引。如果你想要获取到特定索引的选中的元素,你可以提供这个索引作为参数:
javascript BetterScroll.getSelectedIndex(1)这将会返回选中的元素的索引。注意,这里的索引是从 0 开始的,所以索引 1 指的是第 2 个元素。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
