缺少暴露方法 “上一张”，“下一张”

[elemefe]

缺少暴露方法 “上一张”，“下一张”

[Leopoldthecoder]

@markyun Vue 2.0 里 v-ref:swipe 不能这么写了，要写成 ref="swipe"。

[furybean]

@Leopoldthecoder

[Leopoldthecoder]

@nigulasikk vue-swipe 组件本身有 next 和 prev 方法，可以像这样调用它们：

<template>
  <swipe v-ref:swipe>
    ...
  </swipe>
  <button @click="next">下一张</button>
  <button @click="prev">上一张</button>
</template>

<script>
  export default {
    methods: {
      next() {
        this.$refs.swipe.next();
      },
      prev() {
        this.$refs.swipe.prev();
      }
    }
  };
</script>

[markyun]

这个方法好像不管用....

[Leopoldthecoder]

@markyun 请给出代码和 vue-swipe 的版本号。

[markyun]

#版本："vue-swipe": "^2.0.0"

#代码：

<template>
  <div class="main">
      <swipe v-ref:swipe class="demo-swipe">
        <swipe-item class="slide1"><img src="./assets/img/1.jpg"  class="swipe-img" ></swipe-item>
        <swipe-item class="slide2"><img src="./assets/img/2.jpg"  class="swipe-img" ></swipe-item>
      </swipe>
      <button @click="next">下一张</button>
      <button @click="prev">上一张</button>
  </div>
</template>


<script>
export default {
  methods: {
    next () {
      console.log('next!')
      this.$refs.swipe.next()
    },
    prev () {
      this.$refs.swipe.prev()
    }
  }
}
</script>

功能正常显示，但页面提示：Cannot read property 'next' of undefined
thanks

[markyun]

@Leopoldthecoder 果然是这个问题，对Vue的API还不太熟，感谢