vue.js - 如何将 "key"指定为必需的 Prop ？

Question

我要这个

export default {

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

但它会导致运行时错误:

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

编辑:

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

Answer 1

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

它不能作为prop传递，与ref、slot、scoped-slot一样, 是。

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

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