Vue.js-Typescript:对象文字中的预期方法速记

时间:2019-01-17 17:41:50

标签: typescript vue.js

在我的输入组件内部,我有以下代码,以便使输入上的v模型可以作为组件工作:

computed: {
inputListeners: function() {
  const vm = this;
  return Object.assign({},
    this.$listeners,
    {
      input: (event: any) => {
        vm.$emit('input', event.target.value);
      },
    },
  );
},

这是表面上的例子: https://vuejs.org/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components

现在打字稿给我这个警告:

WARNING in /Users/../components/InputText.vue
Expected method shorthand in object literal ('{inputListeners() {...}}').
> inputListeners: function() {

您知道代码解决方案吗?

1 个答案:

答案 0 :(得分:2)

使用方法速记格式:inputListeners() { ... }

computed: {
  inputListeners() {
    ...
  }
}