vue|ElementUI的简单使用方法讲解 vue.js|javascript|elementui

这里我们以引入button按钮为例其实很多表单或者时间等等的组件引入方式都是一样的
举一反三吧.
首先 yarn add element-ui -S 让我们来安装这个包
main.js 全局注册 element-ui这个组件

// 完整引入，main.js写入以下代码 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)

这样我们就可以在App里面使用这个组件了

文章图片

比如你想要第一列的按钮
那么你就复制下来放到App.vue内

默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮

文章图片

这样我们简单的按钮就引入完成了而且这种图片它自带的点击高亮等等特性也是很厉害的.
效果图如下

文章图片

接下来演示一个表单项引入吧

文章图片

比如这个表单你想要引入那么也要把它的代码复制下来

因为涉及到一些需要vue变量所以这里把整段全弄下来
而你想要什么样的内容就适当的删除或者粘贴就可以了
我们是cv工程师.....

文章图片

【vue|ElementUI的简单使用方法讲解】 就是这么简单~如果想看验证规则设置的话可以对照着 element-ui的文档或者我之前发布的文章来修改有自定义规则等等的~

vue|ElementUI的简单使用方法讲解