【element-ui】elementUI中如何实现某一列内容同时包含按钮和title的内容

对slot理解不深,业务需求是点击某一单元格时,原有内容不变,并且再此单元格的最右侧显示两个button,求解

图片描述

回答:

类似这样,不知道行不行

<el-table-column>

<template scope="scope">

<div @click="$set(scope.row, 'btnVisible', !scope.row.btnVisible)">{{scope.row.text}}</div>

<el-button v-show="scope.row.btnVisible">xxx</el-button>

</template>

</el-table-column>

拜托下次提问时候贴上代码

回答:

 <el-table-column width="180px" align="center" label="时间">

<template scope="scope">

<span>{{scope.row.createDate | parseTime }}</span>

</template>

</el-table-column>

scope是el table里传进来的data
根据你的点击show吧....

回答:

最后一列根据当前行的选中状态控制按钮是否显示

以上是 【element-ui】elementUI中如何实现某一列内容同时包含按钮和title的内容 的全部内容, 来源链接: utcz.com/a/151877.html

回到顶部