vue.js - 如何将 vue-router 与 vue-touch-events 一起使用

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') 会在每次 View 呈现时执行，而不是在触摸/点击时执行。

Answer 1

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

试试这个:

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

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