Html 仅当父div具有特定属性时，如何在Vue.js中使用“v-if”渲染？

我要做的是使spinnerToggle的值为true且父div的command id属性为updateAllExternalReferences时，Spin只渲染

我仅使用spinnerToggle条件就可以实现这一点，但添加命令id one会导致出现以下错误：

[Vue warn]：未在实例上定义属性或方法id 但在渲染期间被引用。请确保此属性为 反应式，无论是在数据选项中，还是对于基于类的组件 正在初始化属性

v-if是否不支持引用父div中属性的条件？如果是这样，我应该如何实现这种功能？在下面，您将找到父div和相应的

---

不能直接从父级引用属性，但可以引用用于填充属性的相同数据：

快速旋转 如果命令id表达式更复杂，您可以重构以使用计算属性，而不是在两个位置复制相同的逻辑

<div class="tool is-activatable"
      v-if="config.isVisibleToUser"
      @click="dispatch"
      :class="[config.cssClass, {'is-active': active, 'is-highlighted': highlight, 'is-button': !context.reordering}]"
      :command-id="config.command"
      :context-menu-name="contextMenu.name"
      :context-menu-details="contextMenu.contextMenuDetails"
      :data-id="config.id"
      :disabled="disabled"
      :data-placement="inMenu ? 'right-top' : config.tooltipPosition || 'bottom'"
      :data-original-title="(config.tooltipKey || config.tooltip || config.toolName) | i18next"
      :data-expanded-content="(config.expandedTooltipKey || config.expandedTooltip) | i18next" data-html="true"
      :data-expand-delay="inMenu ? 0 : config.expandDelay > -1 ? config.expandDelay : 2000"
      :data-trigger="config.tooltipTrigger"
      :tooltip-dynamic-snippet-id="dynamicSnippetId">

  <img v-if="!hasIcon && config.img" :src="config.img" />
  <ToolIcon v-if="hasIcon" :icon="config.icon" :iconUri="config.iconUri" :initials="config.iconInitials"
            :awaitingData="false" :updateAvailable="config.isNewerVersionAvailable"/>
  <span v-if="spinnerToggle && command-id=='updateAllExternalReferences'">Spin</span>

  <span class="tool-label" :class="{'hide-in-toolbar': !shouldShowLabel}">
    {{ (config.toolDisplayName || config.toolName) | i18next }}
  </span>
  <ShortcutKeys v-if="inMenu" :shortcut="shortcut" />
  <div v-if="context.reordering" class="drag-handle"></div>
</div>