下载之家:安全、高速、放心的绿色下载站!

当前位置:首页文章教程软件教程详细列表

怎么引入项目?Element UI引入项目的方法

时间:2022-11-26 来源:下载之家
手机扫码继续观看
怎么引入项目?Element UI引入项目的方法

Element UI是一款专业的桌面端组件库工具。Element UI通过界面样式和交互动效让用户可以清晰的感知自己的操作。Element UI可以根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策,用户可以自由的进行操作,包括撤销、回退和终止当前操作等。下面小编为大家介绍一下Element UI引入项目的方法,希望大家会喜欢。

Element UI引入项目的方法:

1、在项目的设计之后,接下来我们要把项目引入到软件中,下面小编为大家带来项目的引入方法,感兴趣的用户快来下载看看吧。

们开始引入element-ui,我们在创建好的项目中打开【src文件夹】-【main.js】下引入

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

详细如下图

怎么引入项目?Element UI引入项目的方法

2、还是在【main.js】上加入

Vue.use(ElementUI);

这样就引用element完成了,详细如下图

怎么引入项目?Element UI引入项目的方法

3、我们引用element以后,我们可以使用组件吧,我们上官网随便找一个组件,例如单选框,下面是组件详细的样式和使用方法,详细如下图

怎么引入项目?Element UI引入项目的方法

4、我们在vue项目中复制代码,我们找到【src】-【components】-【HelloWorld.vue】,中加入刚刚第五步,复制的代码进入,详细的代码如下图

怎么引入项目?Element UI引入项目的方法

5、完成项目的引入

以上介绍的内容就是关于Element UI引入项目的具体操作方法,不知道大家学会了没有,如果你也遇到了这样的问题的话可以按照小编的方法自己尝试一下,希望可以帮助大家解决问题,谢谢!!!想要了解更多的软件教程请关注下载之家~~~