随笔分类 -  element-ui

elementUi table表格 标头自定义，给表头加点击事件
摘要：<el-table-column label=""> <el-table-column prop="column" :render-header="renderHeader" width="160"> <template slot-scope="scope"> <span>{{ scope.row. 阅读全文
posted @ 2023-08-14 18:17 LALAYU 阅读(1422) 评论(0) 推荐(0) 编辑
table排序
摘要：<el-table v-loading="fourthloading" :data="tableData4" style="width: 100%" height="390" @sort-change="sortChange" ref="fourthtable"> //@sort-change <e 阅读全文
posted @ 2023-08-14 18:14 LALAYU 阅读(23) 评论(0) 推荐(0) 编辑
select 多选回显的时候input高度问题
摘要：select 多选回显的时候input高度没撑开 内容超出 setTimeout(function () { if (document.querySelector('.el-cascader__tags')) { document.querySelector('#el-cascader .el-in 阅读全文
posted @ 2023-06-07 17:48 LALAYU 阅读(288) 评论(0) 推荐(0) 编辑
el-input回车会自动刷新页面原因及解决方法
摘要：el-input回车会自动刷新页面原因及解决方法 问题原因： form表单中只有一个输入框的时候，在输入框中按下回车就是提交该表单并且会自动刷新页面。知道原因就好解决了。 解决方法： 在<el-form>上加上@submit.native.prevent来阻止原始提交事件，就是阻止默认刷新页面，但回 阅读全文
posted @ 2023-05-15 15:44 LALAYU 阅读(493) 评论(0) 推荐(0) 编辑
element-ui上传组件，before-upload发送异步请求 + Promise
摘要：element-ui上传组件，before-upload发送异步请求 + Promise before-upload为false的时候会阻止图片的上传 但是和chenge事情一起不行 可以:http-request="fnUploadRequest" <el-upload --snip-- :bef 阅读全文
posted @ 2023-05-09 17:24 LALAYU 阅读(927) 评论(0) 推荐(0) 编辑
element-ui el-upload限制图片格式尺寸及图片
摘要：element-ui el-upload限制图片格式尺寸及图片 html: <el-form> <el-form-item label="上传图片：" > <el-upload style="width:654px;hight:270px" :before-upload="beforeUpload" 阅读全文
posted @ 2020-05-30 15:06 LALAYU 阅读(5075) 评论(0) 推荐(0) 编辑
element级联选择器表单回显
摘要：element级联选择器表单回显 <el-cascader placeholder="试试搜索：指南" :options="options" v-model="subwayId" //绑定的值 :props="{ multiple: true }" filterable></el-cascader> 阅读全文
posted @ 2020-05-29 10:19 LALAYU 阅读(3406) 评论(0) 推荐(0) 编辑
el-table使用图片实例代码
摘要：el-table使用图片实例代码 <el-table-column align="center" prop="image" label="图片" width="160"> <template scope="scope"> <img :src="scope.row.image" width="100" 阅读全文
posted @ 2020-04-10 13:04 LALAYU 阅读(765) 评论(0) 推荐(1) 编辑