ELEMENT-PLUS的圖標庫可以通過在組件中使用icon標簽來引入圖標,具體步驟如下:
import 'element-plus/packages/theme-chalk/src/icon.scss';
<template>
<el-button>
<icon name="el-icon-edit"></icon> 編輯
</el-button>
</template>
<script>
import { defineComponent } from 'vue';
import { ElButton, ElIcon } from 'element-plus';
export default defineComponent({
components: {
ElButton,
ElIcon,
},
});
</script>
在上面的例子中,我們在el-button按鈕中使用了el-icon-edit的圖標,通過icon組件來引入該圖標。這樣就可以使用Element-Plus的圖標庫了。