美文网首页前端开发那些事儿
vue-element 图标选择器

vue-element 图标选择器

作者: IssunRadiance | 来源:发表于2020-06-16 21:03 被阅读0次

    第一步:npm安装:

    npm install e-icon-picker 

    第二步:在需要用到的页面引入组件:

    import { EIconPicker } from 'e-icon-picker'

    import 'e-icon-picker/dist/index.css' // 基础样式

    import 'e-icon-picker/dist/main.css' // fontAwesome 图标库样式

    第三步:在components中声明,并定接收参数:

    options中的参数代表都要引入那些图标

    第四步:使用:

    <e-icon-picker v-model="icon" :options="options" />

    查看效果:

    选择完,接收的参数data.icon

    具体的相关参数配置请参考:http://doc.icon.cnovel.club/doc/use/configuration.html

    相关文章

      网友评论

        本文标题:vue-element 图标选择器

        本文链接:https://www.haomeiwen.com/subject/msqdxktx.html