前言这是《Vue+SpringBoot前后端分离项目实战》专栏的第7篇博客，感谢你能从成千上万篇博客中打开这一篇，和我一起学习前端开发实战知识，让我们一起开始吧。目录前言一、上节回顾和本节介绍1.上节回顾
前言这是《Vue+SpringBoot前后端分离项目实战》专栏的第7篇博客，感谢你能从成千上万篇博客中打开这一篇，和我一起学习前端开发实战知识，让我们一起开始吧。目录前言一、上节回顾和本节介绍1.上节回顾
据我理解，标签是为了使得jsp内容更加简洁，编写起来更加方便，不用再去在jsp里写大段的java代码，标签就显得与html格外契合；当然，并不是一定要使用标签，只用jsp的语法来写java代码也可以实现功能，只是稍显繁琐。言归正传，我们在使用标签之前首先需要导入两个依赖dependency>groupId>javax.servlet.jsp.jstlgroupId>artifactId>jstl-apiartifactId>version>1.2version>dependency>dependency>groupId>taglibsgroupId>artifactId>standardart
据我理解，标签是为了使得jsp内容更加简洁，编写起来更加方便，不用再去在jsp里写大段的java代码，标签就显得与html格外契合；当然，并不是一定要使用标签，只用jsp的语法来写java代码也可以实现功能，只是稍显繁琐。言归正传，我们在使用标签之前首先需要导入两个依赖dependency>groupId>javax.servlet.jsp.jstlgroupId>artifactId>jstl-apiartifactId>version>1.2version>dependency>dependency>groupId>taglibsgroupId>artifactId>standardart
开开心心工作，兢兢业业生活一、实现省市区级联选择（插件）1.需求：实现一个省市区的级联选择器，点击一级，动态加载下一级那好，我们找个轮子2.他山之石（找个轮子）ElementUI中国省市区级联数据安装：npminstallelement-china-area-data-S使用：template>divid="app">el-cascadersize="large":options="options"v-model="selectedOptions"@change="handleChange">/el-cascader>/div>/template>script>import{regionDat
开开心心工作，兢兢业业生活一、实现省市区级联选择（插件）1.需求：实现一个省市区的级联选择器，点击一级，动态加载下一级那好，我们找个轮子2.他山之石（找个轮子）ElementUI中国省市区级联数据安装：npminstallelement-china-area-data-S使用：template>divid="app">el-cascadersize="large":options="options"v-model="selectedOptions"@change="handleChange">/el-cascader>/div>/template>script>import{regionDat
场景:前端开发中,经常会遇到比较多的表单填写页面,其中有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
