typescript - 带有 TypeScript 的 Vue 更改组件

Question

亲爱的 Stackoverflow 社区，

我正在使用 TypeScript 开发我的第一个 Vue 项目。现在我有一个两列布局，我尝试通过单击按钮仅更改左侧组件。但是我使用以下方法“changeComponent”收到错误代码：

  methods: {
    changeComponent(payload) {
      this.componentName = payload.componentName;
    }
  }

错误：参数“有效负载”隐含地具有“任何”类型。

我是 TypeScript 的新手，非常感谢您的所有输入。谢谢！

标签： typescriptvue.jsmethods

Answer 1

Typescript 不知道payload对象的类型。你必须定义你Object喜欢的类型：

interface ObjectChange {
  componentName: string;
  //or
  componentName: number;
  ...
}

const Object = <objectChange[]>require('../data');

希望这可以帮助你！