zoukankan      html  css  js  c++  java
  • tansition-group 使用方法

    <transition-group name="breadcrumb">
            <el-breadcrumb-item v-for="(item,index)  in levelList" :key="item.title" v-if='item.title'>
              <span v-if='item.redirect==="noredirect"||index==levelList.length-1' class="no-redirect">{{ item.title }}</span>
              <router-link v-else :to="item.redirect||item.path">{{ item.title }}</router-link>
            </el-breadcrumb-item>
          </transition-group>

    注意:

    这里的 <transition-group> 的子元素不能使用 v-for 的index当做key

    (Emitted value instead of an instance of Error) Do not use v-for index as key on                   

    <transition-group> children, this is the same as not using keys.

  • 相关阅读:
    python2.7 pip
    opencv
    运维url收集
    转 string和byte[]的转换 (C#)
    Thrift
    Oracle AWR
    并发编程
    LED相关
    java mail 使用 gmail smtp 发送邮件
    jquery动画总结
  • 原文地址:https://www.cnblogs.com/mmzuo-798/p/11771885.html
Copyright © 2011-2022 走看看