注册组件的使用

ant-design element-plus中icon的使用

起因是因为我要在组件里面使用icon，奈何用的是vue3.0，

导致ant-design和element-plus的icon必须要注册了才能使用，

然鹅作为一个速成vuer，我不会注册一个组件，好在折腾了许久，在csdn上找了答案。

虽然是icon的注册与使用，但是对组件的注册、使用也有启发意义。

局部引用分为两步，一是import，二是添加到export中。

e.g.

 import {LikeOutlined, EyeOutlined, CommentOutlined} from '@ant-design/icons-vue'
export default {
  name: "ArticleCard",
  components: {
    LikeOutlined,
    EyeOutlined,
    CommentOutlined
  }
}

全局引用，需要修个main.ts，注意是typescipt。

如果您有任何关于文章的建议，欢迎评论或在 GitHub 提 PR

作者：dutrmp19
本文为作者原创，转载请在 文章开头 注明出处：https://www.cnblogs.com/dutrmp19/p/15491505.html
遵循 CC 4.0 BY-SA 版权协议

posted @ 2021-10-31 22:42 dutrmp19 阅读(104) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

dutrmp19

注册组件的使用

注册组件的使用

我的标签

随笔分类

随笔档案

阅读排行榜

推荐排行榜

	import {LikeOutlined, EyeOutlined, CommentOutlined} from '@ant-design/icons-vue'
	export default {
	name: "ArticleCard",
	components: {
	LikeOutlined,
	EyeOutlined,
	CommentOutlined
	}
	}