代码之家  ›  专栏  ›  技术社区  ›  Alexander Zeitler

如何将vue路由器与vue touch事件一起使用

  •  2
  • Alexander Zeitler  · 技术社区  · 6 年前

    我试着用 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')

    1 回复  |  直到 6 年前
        1
  •  2
  •   Decade Moon    6 年前

    这个 v-touch go('home') 会马上打电话回来 undefined

    请尝试以下操作:

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

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