NightCatSama/vue-slider-component

各位大老好

zhaobo0564 opened this issue · 6 comments

zhaobo0564 commented

image
这个proecess可以传递两个参数，如果我想要传递两个参数该怎么操作

NightCatSama commented

什么两个参数，你想实现什么东西

zhaobo0564 commented

什么两个参数，你想实现什么东西

比如
image

当你有n个<vue-slider>的时候，对于每一个<vue-slider>输出不同的样式，那么你就必须有n 个process的方法，我想用一个process方法，它可以传递两个参数（dotspose, id）其中通过id来区分它是第几个<vue-slider>，然后来显示相应的颜色

NightCatSama commented

那你写个方法就可以了吧，再返回 process 方法的。

zhaobo0564 commented

那你写个方法就可以了吧，再返回 process 方法的。
但是方法只有一个参数，方法自己不知道当前它要渲染的是那一个，因为我这边有n个的n非常大，我不可能对每一个都写一个方法。所以需要一个参数来获取当前的process方法属于那一个

zhaobo0564 commented

那你写个方法就可以了吧，再返回 process 方法的。

初学者不太明白，可以在举个列子吗？

NightCatSama commented 
getProcess(id) => {
  const color = id === 1 ? 'blur' : 'pink'
  return dotsPos => [[dotsPos[0], dotsPos[1], { background: color }]]
}

<vue-slider :process="getProcess(1)" />
<vue-slider :process="getProcess(2)" />