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

文章目录

一、需求描述

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

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

如何让它放在右侧了?

二、左侧实现

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

三、右侧实现

html 复制代码
          <el-button
            type="primary"
            plain
            size="mini">
            后一单
            <i class="el-icon-d-arrow-right"></i>
          </el-button>
相关推荐
cypking9 分钟前
解决electron+vue-router在history模式下打包后首页空白问题
javascript·vue.js·electron
Watermelo61714 分钟前
极致的灵活度满足工程美学:用Vue Flow绘制一个完美流程图
前端·javascript·vue.js·数据挖掘·数据分析·流程图·数据可视化
Micro麦可乐16 分钟前
前端拖拽排序实现详解:从原理到实践 - 附完整代码
前端·javascript·html5·拖拽排序·drop api·拖拽api
Watermelo61717 分钟前
Web Worker:让前端飞起来的隐形引擎
前端·javascript·vue.js·数据挖掘·数据分析·node.js·es6
Hilaku33 分钟前
AVIF vs. JPEG XL:2025年,我们该为网站选择哪种下一代图片格式?
前端·javascript·html
小白的代码日记1 小时前
Java经典笔试题
java·开发语言
山烛1 小时前
Python 数据可视化之 Matplotlib 库
开发语言·python·matplotlib·数据可视化
拾光拾趣录2 小时前
如何优雅地实现每 5 秒轮询请求?
前端·javascript
袋鱼不重2 小时前
Vue3 Effect源码解析
前端·javascript·vue.js
南屿im2 小时前
从零实现字符串模板引擎:从 正则解析 到 AST 思路解析 的进阶之路
前端·javascript