带有 TypeScript 的 Vue 更改组件

Question

尊敬的 Stackoverflow 社区，

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

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

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

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

Answer 1

Typescript 不知道 payload 对象的类型。您必须像这样定义Object 的类型：

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

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

希望对您有所帮助！