Javascript 插槽区域中的元素ui视图不能立即更新 {{item.label} //系统选项标题列表： 系统选项标题列表： [{ 标签：'拨打策略', 值：“1” }, { 标签：'资源设置', 值：“2” }, { 标签：'打断设置', 值：“3” }, { 标签：'静默设置', 值：“4” }, { 标签：'分句设置', 值：“5” }]

我使用元素ui“el选项卡窗格”组件

  el-tab-pane
    ref="elTabs"   // lock the ref

现在，我想使用“formHasModify”（布尔数据）来控制“Tips” 组件显示或隐藏

但是，当我更改“formHasModify”时，视图无法立即更新

我解决了这个问题：

    <el-tab-pane
      v-for="(item, index) in systemOptionsHeaderList"
      :key="index"
      :name="item.value"
      :lazy="true"
    >
      <span
        slot="label"
      >
        {{item.label}}
        <tips
          v-if="formHasModify"
          content="本页数据暂未保存"
        />
      </span>
    </el-tab-pane>


// The systemOptionsHeaderList: 

systemOptionsHeaderList: 
  [{
    label: '拨打策略',
    value: '1'
  }, {
    label: '资源设置',
    value: '2'
  }, {
    label: '打断设置',
    value: '3'
  }, {
    label: '静默设置',
    value: '4'
  }, {
    label: '分句设置',
    value: '5'
  }]

//数据更改时，强制更新零部件

  el-tab-pane
    ref="elTabs"   // lock the ref

---

你能显示你的vue代码吗？代码很简单，我可以通过人工（点击）更新视图更改选项卡感谢谷歌提出这个问题，我也有同样的问题，并希望以同样的方式解决它