1.问题描述element-ui有数据但是无法渲染打开控制台发现是table中的coluwn高度为0，无法显示2.问题解决：降低element-ui的版本2.1首先确定自己是否真的拿到数据如果拿不到数据，相关区域会显示暂无数据，检查数据绑定问题2.2如有数据无法渲染出现以下情况：降低element-ui版本，打开package.json查看你安装的element-ui版本，我的如下：运行以下指令npmuninstallelement-ui或者设置了镜像运行以下：cnpmuninstallelement-ui重新安装新的低版本（太低也不行，这里我安装2.0.11）运行指令如下：npminstal
1.问题描述element-ui有数据但是无法渲染打开控制台发现是table中的coluwn高度为0，无法显示2.问题解决：降低element-ui的版本2.1首先确定自己是否真的拿到数据如果拿不到数据，相关区域会显示暂无数据，检查数据绑定问题2.2如有数据无法渲染出现以下情况：降低element-ui版本，打开package.json查看你安装的element-ui版本，我的如下：运行以下指令npmuninstallelement-ui或者设置了镜像运行以下：cnpmuninstallelement-ui重新安装新的低版本（太低也不行，这里我安装2.0.11）运行指令如下：npminstal
前段时间了解了一下vue-element-admin，按着官网搭建了一下，踩了不少坑，有时间就记录下来，方便以后用到了可以在看看。下面我讲的是用git克隆的方法，当然你也可以直接在github上下载。vue-element-admin一、搭建项目的前提条件1.克隆vue-element-admin需要用到git,如果没有安装git,命令会报错 (1）git下载地址：下载地址，下载比较慢 （2）下载完后直接下一步下一步安装即可 （3）安装完成后，cmd命令行输入：git-v或git--version可以查看版本,效果如下图所示：2.vue项目的话，肯定要安装搭建vue环境
前段时间了解了一下vue-element-admin，按着官网搭建了一下，踩了不少坑，有时间就记录下来，方便以后用到了可以在看看。下面我讲的是用git克隆的方法，当然你也可以直接在github上下载。vue-element-admin一、搭建项目的前提条件1.克隆vue-element-admin需要用到git,如果没有安装git,命令会报错 (1）git下载地址：下载地址，下载比较慢 （2）下载完后直接下一步下一步安装即可 （3）安装完成后，cmd命令行输入：git-v或git--version可以查看版本,效果如下图所示：2.vue项目的话，肯定要安装搭建vue环境
场景:前端开发中,经常会遇到比较多的表单填写页面,其中有el-form,el-table,表格的每一列中又嵌套着输入框或者下拉框,然后每个还需要做单独的校验效果: 点击保存可校验el-input和el-select是否有值，不符合校验规则就标红提醒 1.el-form嵌套el-table1.el-form里面嵌套el-table2.在el-table-column自定义内容里面，嵌套el-form-item，里面再放el-input或者el-select结构3.数据的结构因为el-form是最外层的，所以formData是个对象，对象里放el-table用到的数组和rules这样定义是为了校验
场景:前端开发中,经常会遇到比较多的表单填写页面,其中有el-form,el-table,表格的每一列中又嵌套着输入框或者下拉框,然后每个还需要做单独的校验效果: 点击保存可校验el-input和el-select是否有值，不符合校验规则就标红提醒 1.el-form嵌套el-table1.el-form里面嵌套el-table2.在el-table-column自定义内容里面，嵌套el-form-item，里面再放el-input或者el-select结构3.数据的结构因为el-form是最外层的，所以formData是个对象，对象里放el-table用到的数组和rules这样定义是为了校验
可以简单理解为：label是给用户展示的东西，value是前端往后端传递的真实值template>div>el-page-header@back="goBack"content="注册">el-page-header>el-divider>el-divider>el-row>el-col:span="12":offset="6">el-formref="form":model="userInfo"label-width="80px">el-form-itemlabel="用户名">el-inputv-model="userInfo.username">el-input>el-form-item
可以简单理解为：label是给用户展示的东西，value是前端往后端传递的真实值template>div>el-page-header@back="goBack"content="注册">el-page-header>el-divider>el-divider>el-row>el-col:span="12":offset="6">el-formref="form":model="userInfo"label-width="80px">el-form-itemlabel="用户名">el-inputv-model="userInfo.username">el-input>el-form-item
文章目录一、创建vue项目二、引入依赖三、改造下项目四、写入Login视图总结这是一个非常非常适合新手的vue登录界面，总体来说美观大气，axios那部分没有发，有需要的大家可以自己进行二次开发，继续编写。用到了技术栈有vue/cli5.07+element-ui2.15.9适合入门级新手，展示下页面emmm验证码，什么的可以等有兴趣的人二次开发好下面来讲述具体如何来实现这个页面。一、创建vue项目使用vue的脚手架创建项目，然后把不需要的内容删去，可以看到页面如下：需要注意的是你创建时候需要去勾选router选项,如果不勾选的话未来会很麻烦，需要自己重新配置下载，如何创建vue项目，可以翻找
文章目录一、创建vue项目二、引入依赖三、改造下项目四、写入Login视图总结这是一个非常非常适合新手的vue登录界面，总体来说美观大气，axios那部分没有发，有需要的大家可以自己进行二次开发，继续编写。用到了技术栈有vue/cli5.07+element-ui2.15.9适合入门级新手，展示下页面emmm验证码，什么的可以等有兴趣的人二次开发好下面来讲述具体如何来实现这个页面。一、创建vue项目使用vue的脚手架创建项目，然后把不需要的内容删去，可以看到页面如下：需要注意的是你创建时候需要去勾选router选项,如果不勾选的话未来会很麻烦，需要自己重新配置下载，如何创建vue项目，可以翻找
