Element-ui
小城听风雨
有些鸟儿注定是关不住的, 因为它们的每一片羽毛都闪耀着自由的光辉
展开
-
vue input 回车事件
普通vue input:@keyup.enter="onSubmit"element el-input:@keyup.enter.native="onSubmit"原创 2019-12-25 14:38:23 · 4237 阅读 · 0 评论 -
vue动态绑定input,动态添加input
vue动态绑定input,动态添加input技术:vue+elemen-ui原理:数组遍历出input,每点一下push一次。<template> <!-- test 测试使用 --> <div class="test"> <div v-for="(module,index) in modules" :key="index">...原创 2019-12-19 17:20:11 · 6142 阅读 · 2 评论 -
关于element-ui el-backtop返回顶部组件无效问题
关于element-ui el-backtop返回顶部组件无效问题el-backtop绑定的盒子,需要一个滚动样式:overflow-y: scroll;<template> <div id="app"> <router-view /> // 绑定app盒子 <el-backtop target="#app" :vis...原创 2019-12-18 16:23:39 · 6757 阅读 · 3 评论 -
element-ui省市区三级联动:选择即改变
element-ui省市区三级联动:选择即改变element-ui省市区三级联动:选择即改变原创 2019-10-24 13:11:02 · 1769 阅读 · 0 评论 -
element表格选中项回显
element表格选中项回显需要利用<el-table>下的row-key属性以及<el-table-column>标签下的:reserve-selection属性。<el-table ref="tableData" class="tableData" :data="tableData.slice((currentPage-1)...原创 2019-10-23 11:20:24 · 2959 阅读 · 0 评论 -
解决element表格翻页,序号仍从1开始
解决element表格翻页,序号仍从1开始把<el-table-column align="center" fixed type="index" width="60"></el-table-column> 序列这一列代码,修改为:<el-table-column label="序号" fixed width="80" align="center"> ...原创 2019-10-22 10:54:02 · 1114 阅读 · 0 评论 -
element el-form只有一个input时候回车刷新页面
element el-form只有一个input时候回车刷新页面键盘回车刷新是因为默认执行提交事件,在el-form标签中设置属性@submit.native.prevent,即可。解决办法如下:<el-form @submit.native.prevent size="mini" :inline="true" ref="searchForm" :model="s...原创 2019-10-22 10:11:57 · 989 阅读 · 0 评论 -
Vue+ElementUI table表格分页
Vue+ElementUI table表格分页分页的两种方式。前端分页,后端分页。两种方式各有个的优缺点吧。前端分页:后台只需将数据返回,不需要做过多处理,前端一次请求拿到所有数据后做分页处理。但数据量不能太大,因为前端是先一次性加载所有数据,然后在做分页处理。在数据量多的情况下,加载相对应的会变慢。所有在前端做分页时要先考虑一下后期的数据量。后端分页:因为是后端分页,前端在每点击一次分...原创 2019-07-31 14:40:33 · 7995 阅读 · 2 评论 -
vue+elementUI el-table导出excel表格
vue+elementUI el-table导出excel表格安装依赖库:npm install -D xlsx ,file-savernpm install -s script-loader在项目的src文件夹下新建一个文件夹vendor:(vendor—名字任取),里面放置两个文件Blob.js和 Export2Excel.js。这两个文件去这里下载:点我下载在当前.v...原创 2019-08-20 15:46:22 · 2277 阅读 · 7 评论