
VUE【ElementUI】
文章平均质量分 81
# VUE【ElementUI】
Bruce小鬼
**高级测试开发**
- 技术是在不断打磨中成长,
- 能力是在不断采坑中成熟,
- 技术人的路就是在采坑中寻找乐趣,在成长过程中不断成熟。
> 书山有路勤为径,学海无涯苦作舟
关注:brucelong.blog.youkuaiyun.com
展开
-
P5-VUE3-Element组件库-Form表单组件
P5-VUE3-Element组件库-Form表单组件1.概述这篇文章介绍Element组件库的Form表单,在项目中使用非常广泛。2.新建组件新建组件配置组件路由3.Form表单使用官网Form表单介绍3.1.Form表单基本使用复制官网表单代码应用到Form.vue<template> <el-form ref="form" :model="form" label-width="80px"> <el-form-item原创 2021-02-05 11:36:20 · 1462 阅读 · 0 评论 -
P4-VUE3-Element组件库-表格组件
P4-VUE3-Element组件库-表格组件1.概述这篇文章继续介绍Element组件库的表格组件,在开发中表格也是常用内容。2.创建组件2.1.新建Table.vue2.2.配置组件路由2.3.创建组件效果展示3.表格组件3.1.表格基本使用复制官网表格HTML部分内容复制官网表格JS部分内容应用Table.vue<template> <div> <el-table :data="tableData" st原创 2021-02-04 19:08:49 · 2109 阅读 · 0 评论 -
P3-VUE3-Element组件库-弹出类型组件
P3-VUE3-Element组件库-弹出类型组件1.概述2.创建Pop组件首先创建一个组件来使用Element的弹出组件,这个组件就是Pop.vue在element文件夹下新建Pop.vue组件配置Pop组件路由import Vue from 'vue'import VueRouter from 'vue-router'// 挂载router到vue实例Vue.use(VueRouter)// 导入组件模块const Layout = () => import(原创 2021-02-04 15:53:55 · 1210 阅读 · 0 评论 -
P2-VUE3-初次使用Element组件库-Layout和Container布局
P2-VUE3-初次使用Element组件库-Layout和Container布局1.概述Element是一个快速布局组件库,我们可以使用它提供的组件库快速构建项目布局和各个组件样式。无需重复造轮子,就像搭积木一样搭建一个项目。2.Element组件Element组件官网:https://element.eleme.cn/#/zh-CN/component/installation2.1.安装Element组件第一步需要我们在项目中安装Element组件库,才能使用它提供的组件。# 1原创 2021-02-04 14:56:43 · 4484 阅读 · 0 评论 -
P1-VUE3-UI方式创建项目
P1-VUE3-UI方式创建项目1.概述这篇文章开始进入一个新的领域,这个领域就是ElementUI专栏,从这里起航入手界面控件布局。2.UI方式创建VUE3项目2.1.前提条件使用UI界面创建VUE3项目前提条件1.本地已安装node,输入node -v 可查看到版本号2.本地已安装vue-cli3,输入vue -V 可查看到版本号3.本地已安装yarn包管理器,安装命令:npm install -g yarn如果未配置好环境可以查看VUE【构建vue项目】专栏中有完整介绍v原创 2021-02-04 11:33:51 · 920 阅读 · 0 评论