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

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

图片描述

阅读 7.1k
3 个回答
类似这样,不知道行不行
<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吧....

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题