问题锦集【收集iSlider使用过程中的一些问题和解决方法】

[muzi131313]

• 1.点击事件无效，参考
  配置选项设置 fixPage:false // 不阻止原生事件，这样就可以给slider中的dom添加事件了。ps: 我自己尝试了一下，使用delagate方法，结果

mySlider.on('click', '.slider-img', function(){
console.log(arguments);
})

arguments第一个参数返回的是.slider-img选择器的dom元素，第二个是callee，第三个是一个回调。说好的，第一个是传回的是event对象呢？

• 2.vue中使用iSlider，只好把vue当成一个ui渲染组件，然后取出html，放到data中，拼成符合islider api的数据。

let banners = [];
const vm = new Vue({
    template: `<a href="${item.link}" class="banner-img-link">
                <img class="banner-img" data-src="${item.pic}" alt="banner图">
               </a>`,
    data: { item: item }
}).$mount();

banners.push({
    content: vm.$el
});

由于使用了template，所以需要设置一个vue别名，指向dist/vue.min.js

resolve: {
    alias: {
        vue: 'vue/dist/vue.min.js'
    }
}

• 3.pc上的兼容优化
  还没开始看源码，所以不予评价，放到这里mark一下