NightCatSama / vue-slider-component

🌡 A highly customized slider component
https://nightcatsama.github.io/vue-slider-component
MIT License
2.39k stars 341 forks source link

各位大老好 #668

Closed zhaobo0564 closed 1 year ago

zhaobo0564 commented 1 year ago

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

NightCatSama commented 1 year ago

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

zhaobo0564 commented 1 year ago

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

比如 image

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

NightCatSama commented 1 year ago

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

zhaobo0564 commented 1 year ago

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

zhaobo0564 commented 1 year ago

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

初学者不太明白,可以在举个列子吗?

NightCatSama commented 1 year ago
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)" />