element-plus 图片按钮
时间: 2023-05-27 07:06:26 浏览: 271
element-plus打包
element-plus 的图片按钮可以通过使用 el-button 组件并添加 icon 属性来实现。具体步骤如下:
1. 引入 el-button 组件:
```javascript
import { ElButton } from 'element-plus';
```
2. 在模板中使用 el-button 组件:
```html
<el-button icon="el-icon-picture">上传图片</el-button>
```
其中,icon 属性指定了按钮的图标。在本例中,使用了 element-plus 自带的 el-icon-picture 图标。您也可以使用其他图标,或者自己定义图标。
完整代码示例:
```vue
<template>
<div>
<el-button icon="el-icon-picture">上传图片</el-button>
</div>
</template>
<script>
import { ElButton } from 'element-plus';
export default {
components: {
ElButton,
},
};
</script>
```
阅读全文