如何在 vue-touch-events 中使用 vue-router

Question

我尝试以这种方式将vue-router与vue-touch-events一起使用：

<i v-touch="go('home')" class="fas fa-bars"></i>

<script>
  export default {
    name: "Nav",
    methods: {
      go: function(state) {
        this.$router.push(state)
      }
    }
  }
</script>

这不起作用，因为每次视图呈现时都会执行go('home')而不是在触摸/点击时执行。

Answer 1

v-touch值必须是一个函数； go('home')将被立即调用并返回undefined这不是一个函数。

试试这个：

<i v-touch="() => go('home')" class="fas fa-bars"></i>

v-on是唯一接受您使用的语法的指令； Vue 模板编译器不会将您的表达式包装在其他指令的函数中，这就是您必须手动执行的原因。