1.点击第一行展开,可以看见tag标签展示
2.点击第二行展开时,发现第一行和其他行展开的tag标签有闪烁
提问闪烁问题。如何解决
<el-row>
<el-table
v-cloak
:data="manyParamsList"
border
style="width: 100%">
<el-table-column type="expand">
<template slot-scope="data">
<!-- 二级展开项 -->
<el-tag
style="float: left;"
:key="item + Math.random()"
v-for="item in data.row.attr_vals.split(',')"
@close="deleteInfoHandler()"
closable
:disable-transitions="false">
{{item}}
</el-tag>
<el-col :span="2">
<el-input
class="input-new-tag"
v-if="inputVisible"
v-model="inputValue"
ref="saveTagInput"
size="small"
>
</el-input>
<el-button v-else class="button-new-tag" size="small" >+ New Tag</el-button>
</el-col>
</template>
</el-table-column>
<el-table-column
label="序号"
width="70"
type="index">
</el-table-column>
<el-table-column
label="商品参数名称"
prop="attr_name">
</el-table-column>
<el-table-column label="操作">
<template slot-scope="data">
<el-tooltip class="item" effect="dark" content="编辑" placement="left">
<el-button icon="el-icon-edit" size="mini" type="success" circle></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top">
<el-button icon="el-icon-delete" size="mini" type="danger" circle></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="分配权限" placement="right">
<el-button icon="el-icon-setting" size="mini" type="primary" circle></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</el-row>