ElementUI中table展开行中含有el-tag动态效果消失问题

在使用elementUI时发现当table中的展开行中含有el-tag标签,当点击展开行时,el-tag出现时的那种动态效果消失了,直接展现出来,没有动画效果
当时环境
ElementUI中table展开行中含有el-tag动态效果消失问题_第1张图片
经过排查之后发现时vue的版本与elementUI版本问题
将vue换成2.5.2
elementUI换成2.4.5

动画效果就又会出现
(可直接复制到html文件中运行)

DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  
  <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.4.5/theme-chalk/index.css">
head>
<body>
  <div id="app">
        <el-table :data="arr">
          <el-table-column label="数组" type="expand">
              <el-row v-for="(item, index) in arr" ::key="index">
                <el-col>
                    <el-tag type="primary">{{item}}el-tag>
                el-col>
              el-row>
          el-table-column>
        el-table>
  div>
body>
  
  
  <script src="https://cdn.staticfile.org/vue/2.5.2/vue.js">script>

  
  

  
  <script src="https://cdn.staticfile.org/element-ui/2.4.5/index.js">script>
  <script>
    new Vue({
      el: '#app',
      data: function() {
        return { 
            arr:[1111111111111,211111111,311111111111,4111111111111,51111111111,6111111111111,711111111,8]
         }
      }
    })
  script>
html>

效果对比
ElementUI中table展开行中含有el-tag动态效果消失问题_第2张图片
ElementUI中table展开行中含有el-tag动态效果消失问题_第3张图片

你可能感兴趣的:(vue.js,前端,elementui)