彭煜

导航

随笔分类 -  Vue - ElementUi

el-table中操作一栏怎么根据当前行的信息显示编辑、删除、编辑完成按钮
摘要:<template> <div> <!-- 将文件名作为最外层类名,为避免相互影响如果直接复制文件请务必更改最外层类名--> <div class="base-floorNav"> <div style="margin: 40px"> <el-table :data="tableData" styl 阅读全文

posted @ 2020-06-27 01:28 彭煜ฅ˙-˙ฅ

el-select 下拉框 获取后台数据展示
摘要:option添加赋值 <el-col :span="10"> //<!-- 所属业务, 字典 --> <el-form-item label="所属业务:" prop="businessType" label-width="180px"> <el-select v-model="ruleForm1. 阅读全文

posted @ 2020-06-22 15:07 彭煜ฅ˙-˙ฅ

页面返回/取消到上个页面back(-1)和go(-1)的区别
摘要:前端小极客 2017-01-16 11:02 H5页面做多了,自然就会做到页面上的返回功能,返回功能大致有两种:history.back(-1)和history.go(-1),今天我们来说说两种方法的区别。 方法的用途 返回一个页面方法有很多,就好比给返回按钮绑定一个URL,但是如果一个页面可以从很 阅读全文

posted @ 2020-06-21 21:47 彭煜ฅ˙-˙ฅ

element 步骤条steps 点击事件
摘要:element-UI的操作步骤steps每一项添加事件,比如click,hover <el-steps direction="vertical" :active="actives" finish-status="success" style="height: 500px; padding-top: 阅读全文

posted @ 2020-06-19 17:39 彭煜ฅ˙-˙ฅ

vue elementUI table表格数据 滚动懒加载
摘要:在项目中遇到了一个性能问题 vue+elementUI table表格展示数据,当数据很多的时候,不能一页显示完,同时一次请求数据量太大,会增加网页渲染的时间,影响体验,这个时候常常有两种方法处理, 1、分页,如下 2、如果我不想分页,又想在一页显示全部数据呢?这个时候其实就可以用数据懒加载了 如下 阅读全文

posted @ 2020-04-01 17:46 彭煜ฅ˙-˙ฅ

Vue el-table || 选中表格某一行 调用弹窗选中数据 赋值表格Table
只有注册用户登录后才能阅读该文。

posted @ 2020-01-19 19:07 彭煜ฅ˙-˙ฅ

Vue -- el-table日期时间戳格式化 (后台有显示,没有(返回null)则不显示)
摘要:Vue -- el-table 嵌套的日期时间戳转化为 yyyy-MM-dd (yyyy-MM-dd-hh-mm-ss) 需求: 如果表格当前行有时间戳 则转换,没有就不显示 效果图如下: 代码实现: 阅读全文

posted @ 2020-01-11 16:32 彭煜ฅ˙-˙ฅ

js - Vue 字符串拼接
摘要:需求: 点击导出试算按钮, 弹出提示框给用户, 但申请的任务号是从后台返回出来 每一条都不一样, 怎么做字符串拼接?? 实现: // res.data.applyno 是后台返回的数据 ' + res.data.applyno + ' 阅读全文

posted @ 2020-01-09 15:16 彭煜ฅ˙-˙ฅ

el-table (超链接) --- 在表格中 点击超链接去详情页面 和 点击表格中查看按钮去详情页面, 的传值问题
只有注册用户登录后才能阅读该文。

posted @ 2020-01-08 19:28 彭煜ฅ˙-˙ฅ

Vue el-from 表格 时间戳格式转换成 yyyy-MM-dd 传给后台,年月日后面不加时分秒(yyyy-MM-dd-hh-mm-ss)
只有注册用户登录后才能阅读该文。

posted @ 2019-12-30 18:05 彭煜ฅ˙-˙ฅ

element table中使用el-select
摘要:效果: 然后看代码: 注意事项: el-select的v-model要和option的value值对应,注意是string还是number类型哦~ 此文转载别人 阅读全文

posted @ 2019-12-15 19:09 彭煜ฅ˙-˙ฅ

【js】字符串反转(倒序)的多种处理方式
摘要:今天发布一篇关于字符串反转的几种方式(一种问题的解决方案不是只有一种)。 方式1: 这种方式比较简单,推荐使用 1 字符串转数组,反转数组,数组转字符串。 2 3 split(""):根据空字符串拆分数组 4 5 reverse():数组反转元素位置 6 7 join(""):数组转回字符串,且不带 阅读全文

posted @ 2019-12-12 14:25 彭煜ฅ˙-˙ฅ

vue -- 数组过滤 filter (vue 表格)
摘要:如下图: 左边表格滑动滚轮,可以自动赋值右边表格; 现在是后台只有一个接口,把整个页面的数据全部返回出来了, 左边表格滑动到每一项时显示右边表格内容,但是需要code相同; 问题: 右边表格我们就可以不用每次都去调用接口 减少服务器压力, 因此我们需要把后台返回来的数组赋值给一个新数组,然后再把新数 阅读全文

posted @ 2019-12-11 22:15 彭煜ฅ˙-˙ฅ

vue中将时间戳转换为YYYY-MM-dd hh:mm格式时间的组件
摘要:首先我们可以使用vue中的过滤方法将数据变成另一个格式 // html <span class="rate-time">{{rating.rateTime | formateDate}}</span> //script filters: { formateDate (time) { let date 阅读全文

posted @ 2019-12-05 16:14 彭煜ฅ˙-˙ฅ

vue 将时间戳转换成日期格式 (一)
摘要:(1)创建一个处理时间格式的js,内容如下: ../../utils/formatDate.js export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.ge 阅读全文

posted @ 2019-12-05 14:29 彭煜ฅ˙-˙ฅ

element-ui DatePicker 日期选择器 让结束日期大于开始日期
摘要:element-ui DatePicker 日期选择器 <el-date-picker v-model="addForm.startDate" type="date" size="mini" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placehol 阅读全文

posted @ 2019-11-26 15:23 彭煜ฅ˙-˙ฅ