vxe-table踩坑，表格操作列按钮不出现问题

cnsummerLi

于 2020-09-01 13:35:34 发布

阅读量6.5k

点赞数 5

本文链接：https://blog.csdn.net/qq_39689605/article/details/108339219

版权

1.问题复制操作文档中代码，按钮并未显示

 <vxe-table-column title="操作" width="100" show-overflow>
            <template v-slot="{ row }">
              <vxe-button type="text" icon="fa fa-edit" @click="editEvent(row)"></vxe-button>
              <vxe-button type="text" icon="fa fa-trash-o"></vxe-button>
            </template>
          </vxe-table-column>

2.问题解决，改v-slot为slot-scope

 <vxe-table-column title="操作" width="150" show-overflow align="center">
             <template slot-scope="scope">
                <el-button type="primary" size="small" @click="editData(scope.row)">编辑</el-button>
                <el-button type="danger" plain size="small" @click="delData(scope.row)">删除</el-button>
              </template>
          </vxe-table-column>