vue项目中svg-icon图标使用

最新推荐文章于 2023-07-29 16:30:28 发布

I`M程序员天花板

最新推荐文章于 2023-07-29 16:30:28 发布

阅读量2.9k

点赞数 1

文章标签： vue svg js vue-cli3 node.js

本文链接：https://blog.csdn.net/MAMAIMAI/article/details/116738075

版权

该博客详细介绍了在Vue项目中如何使用SVG图标。首先，通过vue-cli3创建项目，由于没有预设的webpack配置，需要在根目录添加vue.config.js。接着，将SvgIcon组件添加到src/components目录，并配置相关文件如validate.js、index.js和svgo.yml。通过提供的链接下载SVG库，并在main.js中引入，最终实现SVG图标的成功显示。

摘要由CSDN通过智能技术生成

需要在代码里添加图标标签，例如

<el-input name="password" :type="pwdType" @keyup.enter.native="handleLogin" 
v-model="loginForm.password" autocomplete="on" placeholder="请输入密码" >
    <svg-icon slot="prefix" icon-class="password" />
</el-input>