element

1.要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。 2.导航当前项，在el-menu标签中绑定 :default-active="$route.path",注意是绑定属性，不要忘了加“:”,当$route.path等于el-menu-item标签中的index属性值时则该item为当前项。 < el-menu :default-active ="$route.path" :collapse ="isCollapse" :background-color ="variables.menuBg" :text-color ="variables.menuText" :active-text-color ="variables.menuActiveText" :unique-opened ="false" :collapse-transition ="false" router mode ="vertical" > ...... </ el-menu > < el-menu-item :index ="path" // vue得route对象里的path > ...... </ el-menu-item > 转载： https://blog.csdn

页面跳转反显（点击项，点击table滚动的位置，搜索条件，分页回显） 点击table tr项后，页面跳转到下级页面，返回回显搜索条件、当前页码、并将点击项select选中、滚动条也被记录回显跳转时滚动的位置 思路： 1.页面临时缓存我选择使用sessionStorage，点击tr行将搜索条件和页码，点击行的id进行存储； setSessionStore (name, content) { if (!name) return if (typeof content !== 'string') { content = JSON.stringify(content) } window.sessionStorage.setItem(name, content) }, getSessionStore (name) { if (!name) return; var content = window.sessionStorage.getItem(name); if (typeof content == 'string') { content = JSON.parse(content) } return content; }, removeSessionStore (name) { if (!name) return return window.sessionStorage.removeItem

1.下载ArcGIS API（编辑时最新版本为4.11） 下载地址 2.部署IIS 把下载的arcgis api 4.x 离线包解压拷贝到 C:\inetpub\wwwroot 目录下 配置 init.js 文件，修改里面的路径 C:\inetpub\wwwroot\arcgis_js_api\library\4.10\init.js ； init.js 文件里面，搜索 [HOSTNAME_AND_PATH_TO_JSAPI] ，然后替换成本机的部署路径 例如我的： http://localhost/arcgis_js_api/library/4.11/dojo 3.检测是否部署成功 编辑一个简单的例子检测是否部署成功。 1 <! DOCTYPE html > 2 < html > 3 < head > 4 < meta charset ="utf-8" /> 5 < meta 6 name ="viewport" 7 content ="initial-scale=1,maximum-scale=1,user-scalable=no" 8 /> 9 < title > Sketch in 3D - 4.11 已经完成 </ title > 10 11 < link rel ="stylesheet" href ="http://localhost/arcgis_js_api

1 前言 1.1 业务场景 由前台导入Excel表格，获取批量数据。 根据一个数组导出Excel表格。 2 实现原理 2.1 引入工具库 file-saver、xlsx、script-loader npm install -S file-saver xlsx npm install -D script-loader 2.2 导入Excel 2.2.1 Element 上传控件 <el-upload class="upload-demo" action="" :on-change="handleChange" :on-exceed="handleExceed" :on-remove="handleRemove" :file-list="fileListUpload" :limit="limitUpload" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel" :auto-upload="false"> <el-button size="small" type="primary">点击上传</el-button> <div slot="tip" class="el-upload__tip">只 能 上 传 xlsx / xls 文 件<

介绍 这是一个可以将页面中的表格数据导出为 Excel 文件的功能组件，该组件一般与表格一起使用，将表格数据传给组件，然后通过点击组件按钮可将表格中的数据导出成 Excel 文件。 使用方法 由于封装该组件内部引用了 xlsx.js ， file-saver.js 和 elementUI ，因此在使用该组件时，请先安装如下依赖： npm install xlsx file-saver element-ui --save 安装好依赖后，只需将该组件文件夹 ExportExcel 导入到现有项目中即可使用。 使用示例 <template> <div id="app"> <export-excel v-if="list !== null" :list="list" :tHeader="tHeader" :tValue="tValue"></export-excel> </div> </template> <script> import ExportExcel from './ExportExcel' export default { name: 'app', components: { ExportExcel}, data() { return { list:null, tHeader:['Id', '告警类型', '告警内容', '告警时间（段）', '告警次数'], tValue:[

vue 表单校验（二） vue element-ui表单校验 由于现在使用 element-ui 进行form表单校验，因而使用其自带的校验规则进行校验，发现有些并不是那么好校验，或者说是校验起来很繁琐，因而一直在研究中 表单校验分类 前后端校验 前端校验 后端校验 这种目前一般是结合起来使用，很少单纯前端校验，或者单纯后端校验的 前端检验 数据录入时校验 数据回显时校验 动态创建时校验 数据是否必填时校验 接下来所谈论的校验都是基于前端进行校验，若是后天校验，只是统一校验规则而已，这样前后便可以统一了。其实这里并不是很简单，但是不得不细心，而已最好，前后台都要其校验规则，以及校验话术放在一个公共的地方，避免在每个具体文件内进行修改。若是能更好的话，类似 google email 那样，通过后台返回规则类型，以及对应前台的具体编号，进行显示即可（比如1： 不能为空， 2：校验规则不合...） 这样的好处，前台只认这个数字即可，不然后台返回什么，前台出什么错误，都是统一显示（这个扯远了），讲今天的重点 基于 element-ui 自带的 表单校验 数据录入时校验 element-ui form validate el-form 标签 属性 model 对象 却只能是一维 { a: 1, b: 2 }, 不能是 { a: { b: 2 } }, 不然关联不到 rules

转载至 https://blog.csdn.net/sevenjoin/article/details/88420885 1，元组简介 tuple是一个固定大小的不同类型值的集合，是泛化的std::pair。我们也可以把他当做一个通用的结构体来用，不需要创建结构体又获取结构体的特征，在某些情况下可以取代结构体使程序更简洁，直观。std::tuple理论上可以有无数个任意类型的成员变量，而std::pair只能是2个成员，因此在需要保存3个及以上的数据时就需要使用tuple元组了。 tuple（元组）在c++11中开始引用的。tuple看似简单，其实它是简约而不简单，可以说它是c++11中一个既简单又复杂的东东，关于它简单的一面是它很容易使用，复杂的一面是它内部隐藏了太多细节，要揭开它神秘的面纱时又比较困难。 2，tuple的创建和初始化 std::tuple<T1, T2, TN> t1; //创建一个空的tuple对象（使用默认构造），它对应的元素分别是T1和T2...Tn类型，采用值初始化。 std::tuple<T1, T2, TN> t2(v1, v2, ... TN); //创建一个tuple对象，它的两个元素分别是T1和T2 ...Tn类型; 要获取元素的值需要通过tuple的成员get<Ith>(obj)进行获取(Ith是指获取在tuple中的第几个元素

1.在对应的input框上添加ref属性，直接根据ref就可精确地获取到元素 <el-form-item label="课程名称" :label-width="formLabelWidth+'px'" prop="title"> <el-input ref="title" v-model="form.title" placeholder="请输入课程名称" autocomplete="off"></el-input> </el-form-item> <el-form-item label="课程难易程度" :label-width="formLabelWidth+'px'" prop="level"> <el-select ref="level" v-model="form.level" placeholder="请选择课程难易程度"> <el-option label="初级" value="初级"></el-option> <el-option label="中级" value="中级"></el-option> <el-option label="高级" value="高级"></el-option> </el-select> </el-form-item> 2. element-ui自带的表单验证返回中包含一个invalidFields对象，此对象包含了验证失败的所有属性名

一、前端vue+element 　　1.前端使用element的upload组件来实现文件的上传 　　　　　　　　　　<el- upload style ="display: inline-flex;margin-right: 8px" :show -file-list="false" :before -upload="beforeUpload" :on -success="onSuccess" :on -error="onError" accept =".xls" :disabled ="importDataButtonDisabled" action ="/employee/basic/import"> <el-button :disabled="importDataButtonDisabled" type="success" size="small" :icon="importDataButtonIcon"> {{importDataButtonMsg}} </el-button> </el-upload> 　　　　 show-file-list :是否显示已选择文件列表 　　　　 before-upload ：文件上传以前调用的钩子 　　　　on-error:文件上传失败后的钩子 　　　　on-success:文件上传成功后的钩子 　　　　accept:接受的文件类型 　　

enumerate() 函数用于将一个可遍历的数据对象(如列表、元组或字符串)组合为一个索引序列，同时列出数据和数据下标，一般用在 for 循环当中。 list = [1, 2, 3, 4] for i, j in enumerate(list,start=1): print(i, j) 》》打印结果 1 1 2 2 3 3 4 4 a = "abcde" for i, j in enumerate(a, start=1): print(i, j) 》》打印结果 1 a 2 b 3 c 4 d 5 e dict1 = {"name":"abc","age":18} for i, j in enumerate(dict1, start=1): print(i, j) 》》打印结果 1 name 2 age for循环使用 >>> seq = [ ' one ' , ' two ' , ' three ' ] >>> for i , element in enumerate ( seq ) : ... print ( i , seq [ i ] ) ... 0 one 1 two 2 three >>> 来源： oschina 链接： https://my.oschina.net/u/4336234/blog/3441042