如何将“key”指定为必需的道具？答案

【问题标题】：How to specify "key" as a required prop?如何将“key”指定为必需的道具？
【发布时间】：2018-10-31 07:24:51
【问题描述】：

我想要这个

export default {

  props: {
    key: {
      type: String,
      required: true,
    },
  },
  ...    
}

但是会导致运行时错误：

[Vue warn]: "key" is a reserved attribute and cannot be used as component prop.

编辑：

澄清一下：我希望保留属性“key”是必需的。这是因为我的组件依赖于“通过键更改强制组件重新创建”的技巧。 (link)

【问题讨论】：

【解决方案1】：

key 是 Vue.js 保留的 special attributes 之一。

不能作为prop传递，与ref、slot、scoped-slot、is相同。

只需将 prop 重命名为您选择的任何名称。

如果在子组件内使用名为key 的属性至关重要，则可以在子组件内创建一个计算属性key，该属性将从传递的prop 返回值，并可在子组件内访问。

【讨论】：

【解决方案2】：

VUE 更新视图，因为数据的键已更改。关键是道具特别。所以支持你用其他词。 enter image description here

【讨论】：