项目练习：element ui 的icon放在button的右侧

文章目录

• 一、需求描述
• 二、左侧实现
• 三、右侧实现

一、需求描述

我们知道，element ui的button一般都会配置一个icon

这个icon默认是放在左侧的。

如何让它放在右侧了？

二、左侧实现

          <el-button
            type="primary"
            plain
            icon="el-icon-d-arrow-left"
            size="mini">
            前一单</el-button>

三、右侧实现

          <el-button
            type="primary"
            plain
            size="mini">
            后一单
            <i class="el-icon-d-arrow-right"></i>
          </el-button>