绑定到采用字符串文字参数的方法

Question

在下面的代码中，VUE将“ foo”解释为一个函数...因此我得到一个错误foo不是一个函数，但实际上我只需要将字符串值“ foo”传递给我的方法。

请问正确的语法是什么？

  <BlokMenu
       :menu="MenuBuilder.filterMenuItems('foo')"
  />

Screen shot of code from my view component

和MenuBuilder.js中的MenuBuild

MenuBuilder.js

Answer 1

bind对象必须属于Vue组件本身。如果是外部模块，则可以将其绑定到data或computed属性

// Vue components

import MenuBuilder from 'MenuBuilder.js'

export default {
  data: function() {
    return {
      MenuBuilder: MenuBuilder
    }
  }
}

然后

<BlokMenu :menu="MenuBuilder.filterMenuItems('foo')"/>