@element-plus/icons-vue 图标 icon 不显示的解决方法

前言

<i class = "el-icon-shopping-cart-2"></i>

此方法在vue3中已经无效，不会报错，但也不能显示出图标。

解决方法

在官网中找到需要的图标，直接点击复制。

具体方法代码如下：

<template>
    <el-icon><ShoppingCart /></el-icon>
</template>

<script>
    import { ShoppingCart } from '@element-plus/icons-vue'

    export default {
    setup () {
    components: { ShoppingCart },
    const state = reactive({
      count: 0
    })
    return {
      ...toRefs(state)
    }
  }
}
</script>