Passing ref nodes to prevArrow and nextArrow options isn't working about vue-slick

[vesper8]

Not sure why you needed to use a ref so bad, but using selectors works fine:

  data() {
    return {
      slickOptions: {
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 3,
        arrows: true,
        prevArrow: '#gallery-prev',
        nextArrow: '#gallery-next',
      },
    };
  },

[staskjs]

As long as slickOptions is passed directly into slick plugin, it relies on selectors for prevArrow and nextArrow. Did you try to use selectors?

[andymerskin]

@staskjs I did, and it was a no-go. Nothing I threw at it worked for those options for some reason. :/

I ended up hacking away at adding custom arrows with the library's methods. I may just skip the disabled state altogether when it's at either edge.

[staskjs]

Could you post a solution here in code?

[andymerskin]

Unfortunately I don't have much time to do that—I'm under a tight deadline. Sorry!

I think in the future I may just implement my own carousel in Vue.js when it's necessary. Slick's great, but it has some firm limitations that deter from the experience we're going for. I generally am not a fan of libraries that include their own UI that I almost always have to fight with. :/

If I can find a little time in the future I'll see if I can whip something up in a CodePen.

Thanks for being supportive on this issue, I appreciate your help. 😄

[staskjs]

Ok then. Good luck!

[anankitpatil]

Did you find a solution for this? Selectors aren't working for me.