将组件附加到多个键答案

【问题标题】：Attach component to multiple keys将组件附加到多个键
【发布时间】：2020-01-01 12:52:18
【问题描述】：

我有一个组件，它有两个需要重新绘制/重建的属性，因为该组件不是响应式的（它是一个包装的 jQuery 组件）。

<component :template="template" :submit="submit" :data="data"></component>

但由于我有两个属性要看，我不知道该怎么做。

两个键导致错误duplicate attribute: :key

<component :key="data" :key="selected_form" :template="template" :submit="submit" :data="data"></component>

将它们放在一个数组中会导致警告Avoid using non-primitive value as key, use string/number value instead.

<component :key="[data, selected_form]" :template="template" :submit="submit" :data="data"></component>

如果任一模型发生更改，重新绘制组件的正确/最佳方法是什么？

【问题讨论】：

【解决方案1】：

您可以使用返回一些基于data 和selected_form 的字符串的方法..

<component :key="getKey(data, selected_form)" :template="template" :submit="submit" :data="data"></component>

在你的方法中..

methods: {
  getKey(data, selected_form) {
    // return some string based on data and selected_form
  }
}

【讨论】：

【解决方案2】：

我们可以使用两个键：

<component :key="data && selected_form"></component>

【讨论】：