Javascript 休假时隐藏仅转换为开火一次

Javascript 休假时隐藏仅转换为开火一次,javascript,html,css,vue.js,vuetify.js,Javascript,Html,Css,Vue.js,Vuetify.js,是否可以将“休假时隐藏”转换设置为在满足特定条件后仅使用一次 <v-slide-x-transition hide-on-leave> <span v-if="isAdded(this.idUn)"> Added <v-icon> mdi-check </v-icon> </span> </v-slide-x-transition> 补充 mdi检查 假设

是否可以将“休假时隐藏”转换设置为在满足特定条件后仅使用一次

<v-slide-x-transition hide-on-leave>
    <span v-if="isAdded(this.idUn)">
      Added
      <v-icon> mdi-check </v-icon>
    </span>
  </v-slide-x-transition>

补充
mdi检查
假设条件满足,则不再调用此转换。 在下面的示例中,您可以看到,即使满足条件,当从启用按钮切换到禁用按钮时,您仍然可以看到按钮应用到禁用按钮的转换


这比大多数转换更复杂,因为元素在两种情况下发生变化:

  • 分页索引更改时
  • 当按钮的状态改变时
但是,您不希望在分页更改上进行任何转换,只有在不是因为分页更改的情况下,才需要在按钮状态上进行更改。您需要使用两个

  • 按钮上的
    :key=“idUn”
    ,以防止分页转换。该键为每个索引保留整个元素组
  • “已添加”按钮上的
    :key=“isAdded(idUn)”
    ,当按钮状态更改时会导致转换
将演示中的
替换为以下内容:


补充
添加到列表中