warpcgd / vue-concise-slider Goto Github PK

我现在是在父组件初始化了
data () { return { bgImgs: [] } },
从接口获取到图片地址数组后
this.bgImgs = bgImgs
bgImgs是对象的集合，即demo中somelists的数据格式

子组件初始化

data () {
     return {
                pages: this.bgImgs,
                sliderinit: {
                    currentPage: 0,
                    // start: {},
                    // end: {},
                    // tracking: false,
                    thresholdTime: 500,//滑动时间阈值判定距离
                    thresholdDistance: 100,//滑动距离阈值
                    // direction:'vertical',//垂直滚动
                    loop: true //无限循环
                    // autoplay:1000,//自动播放:时间[ms]
                 }
     }
},

但是子组件slider的pages:[]已经把空的数组作为了初始化的值，该如何解决这一问题？

It do not listen moveout event.

移动端滑动失效，按照无缝滚动的DEMO引用的？

If you move the slide to the next slide or move the slide to stop it and immediately generate an 'autoplayStop' event, the slide will move at a very high speed.

可以对html属性里面的东西用组件封装么 因为可能会很多

如何在每个page中加入自定义组件，并进行数据的双向绑定

你好，安卓系统，微信打开，touch是可以的，但是在ios的微信中就touch不了，参数只设置了autoplay和loop，pages，有什么遗漏的吗

1 移动端浏览器 Safari home键返回后 等下次再进入Safari slider不自动滚动了
2 设置横向 在slide上竖向滑动被屏蔽了 正确的姿势是竖向滑动整个页面动

V2.2

嗨，拖了这么久才更新版本，实在抱歉，最近抽空做了2.2版本，主要更新内容如下：

1. 处理了图片异步加载的问题
2. 优化了css和dom排版
3. 新增了loading slot，方便大家自定义loading效果
4. 优化了事件返回的数据
5. 新增各项配置和事件
6. 修复反馈的BUG
7. 制作了一份新的文档

具体的内容大家可以npm下载后查看，也可以进入新的文档查看，感谢大家的支持，有更好的建议欢迎大家留言，peace~

Hi. I need to know if a slider can have a link or click event.

Thank you.

在这里可以提出你的建议，帮助改进组件

Nuxt.js Error:

ReferenceError: window is not defined
at 7.server-bundle.js:231:3043
at 7.server-bundle.js:231:2975
at t.exports (/vue-concise-slider/dist/module.js:1:3257)
at Object. (/vue-concise-slider/dist/module.js:1:4112)
at i (/vue-concise-slider/dist/module.js:1:360)
at Object. (/vue-concise-slider/dist/module.js:1:3741)
at i (/vue-concise-slider/dist/module.js:1:360)
at Object.t.exports.t (/vue-concise-slider/dist/module.js:1:595)
at i (/vue-concise-slider/dist/module.js:1:360)
at t.__esModule.default (/vue-concise-slider/dist/module.js:1:433)

Can i add slot for this and print with v-for?

最近的更新没有做旧版的兼容， 然后， 跪了

我在slider 滑动区域里设置了三个按钮。可是点击无效。应该是你当场是touchstart了。帮忙指导修改一下呗，好不容易把你这个变成我项目中的样子

在安卓4.4.2版本下，点击不显示大图，已验证过，数组的格式是没问题的

里面的dispatch 失效了，什么时候升级一下到2.0

just slide effect has no problem

导入项目中使用时出现以下错误 vue-2.2.5, 请问是什么原因
option "el" can only be used during instance creation with the new keyword.

when I use the

'vue-concise-slider/src/components/slider.vue'

component, the values of pages comes from the response data pulling from the server, so here is a problem: at the first time, when creating the component, there are no data coming from pages, after receiving the data from the server, we get the real value of pages, so props updates, I can see the log when updating the props, also logs from the updated function and beforeUpdate function of vue, however, the elements of the template fail to change any more, can you help to tackle this problem?

首先我在页面中npm install vue-slider --save
然后再页面中import 使用无效果。 看示例蒙蒙的 新手求指教

你好！
Android端查看pdf，图片过长，不能上下滑动查看，在web端调试，设置div为overflow:auto时，可以滑动，但在移动端不能触发滑动动作，麻烦看下，谢谢！！！

I've tried this

import Vue from 'vue'
import slider from 'vue-concise-slider'

Vue.use('slider', slider)

in nuxt plugin files and use this in nuxt.config.js

...
plugins: [
    { src: '~/plugins/vue-concise-slider.js', ssr: false },
  ],
...

But it is still not work, could someone please suggest. Thanks

我找了很久很久才发现是这个插件的原因，折腾到深夜！！！！

留言需要涉及BUG产生的环境（设备，操作，结果）

你好，我觉得应该要监听滑动过程，方便自己写的元素过度，尽快实现渐变滚动。Title的位置也应该灵活点。

Hi,

I'm trying to use this for a project, but I can't work out how to pass props into a dynamically loaded component.

I can import the component using a normal import statement

import panel from './panel.vue'

And I can use the panel as the component for each page

data() {
return {
pages: [
{
component: panel
},
{
component: panel
}
],

But, how do I actually pass any data down into the component?

1. sliderDta:['']
   2.sliderinit:{
   currentPage: 0,
   thresholdDistance: 100,
   thresholdTime: 500,
   loop: true,
   infinite: 1,
   slidesToScroll: 1,
   direction: 'horizontal',
   autoplay: '3000',
   duration: '1000'
   }

请问你的文档的网站是用什么工具生成的，还是自己写的？

And disabled the whole Western culture from using it.

使用的时候并不需要打包，是否可以提供浏览器引用的版本？

Hi, amazing project you have there!

I am trying to change the design of the bullets, but I have no effect when I change the style on my component using, for example, slider-pagination-bullet.

Where, that is not on the nome_module folder, that I can change and configure the styles?

Thank you very much!

像我这样的菜鸟就被你这文档欺骗了
this.$ref.slider.$emit('autoplayStop')

$refs ssssssssssssssssss

Hello,

I found this project on Github trending and I wanted to use :D, but exists or will be exists some documentation in english?

Igor