Element UI按钮中使用图标替换文字'copy'
要使用一个小图标替换文字 'copy',你可以使用 Element UI 提供的图标组件 <i>。在 <el-button> 标签中,将文字 'copy' 替换为 <i> 标签,并为其添加一个图标类名。Element UI 提供了一系列的图标类名供选择,你可以在 Element UI 的官方文档中找到所有可用的图标类名。
例如,你可以使用 <i> 标签和 el-icon-document-copy 类名来展示一个复制图标:
<el-button type="primary" size="small" link @click="copyText(scope.row.deliveryNo)">
<i class="el-icon-document-copy"></i>
</el-button>
你可以根据自己的需求选择其他适合的图标类名。
原文地址: http://www.cveoy.top/t/topic/quvp 著作权归作者所有。请勿转载和采集!