如何在Vuetify中的Window组件中实现触摸道具？

Question

https://vuetifyjs.com/en/components/windows#windows

<v-window
   v-model="window"
   :touch = "swipe"        
>

在向左或向右滑动时如何提供自定义的左右功能？我做的方法不起作用，因为我无法访问所需的变量，也无法在方法中调用函数。

export default {
  name :'test',
  data() {
    return {
      window: 0,
      length1:20,
      swipe: {
        length2:11,
        left: function() {
            //access both length1 and length2 here//
        },
        right:  function() {

        },
     }
    };

Answer 1

您可以直接使用v-window从:touch调用函数，而不是数据。
为我工作。

<v-window
   v-model="window"
   :touch="{left: onSwipeLeft, right: onSwipeRight}"        
>

methods: {
  onSwipeLeft() {
   //do something with this.length1  or this.length2
  },
  onSwipeRight() {
   //exc
  }
}