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>

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

Answer 1

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

试试这个:

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

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