� 干脆来碗面-CSDN博客

原创 el-cascader回显数据删除出现错误

el-cascader回显开启多选,开启tag 导致的删除出现错误具体配置开启多选开启tag 开启可删除开启只显示末级错误描述当我根据后台数据回显后, 点击删除A 其实删除的确实B解决方法由于顺序错误的问题导致的, 回显顺序和数据源顺序不一样 <el-cascader ref="cascader" style="width: 100%" v-model="cascaderData" :options="

2021-04-28 18:02:01 1153 2

原创 vue 文件里回到页面顶部的方法

最近在做附件查看页面,由于页面太长需要一键回到顶部的功能试了很多方法借鉴了别人的方法才实现做个备忘1 首先需要在页面顶部添加一个div 我是放在根包裹器上<template> <div> <div id="topFlag"></div> </div></template>然后是事件 goTop() { const anchorEle = document.querySe

2021-01-29 10:17:12 274

原创 vue css class类名和id动态切换动态绑定

在项目开发中有时的效果的需要, 需要使用动态class和id切换,展示不同效果,第一种方式使用三元表达式 <div :id="item.TAG == '1' ? 'GL' : 'NGL'" class="FCContent" v-for="(item, index) in chengpiList" :key="index" >

2021-01-18 14:15:48 1696

原创 VXETable 设置全部展开树节点时,只有第一次渲染有效,再次赋值失效的问题

1 现在tree-config中设置 expandAll: true <vxe-table border ref="table" resizable show-overflo :data="tableData" :edit-config="{ trigger: 'click', mode: 'cell' }" :tree-config="{ children: 'CHILDS', ex

2020-12-31 11:40:05 6388 2

原创 el中在官方方法传递自己的参数

element ui 在其官方方法中传递自己的参数在项目中碰到需求,点击表格编辑时,传递当前行数据进行操作,然后尝试在官方方法中传递参数,结果方法默认参数丢失, <el-upload ref="upload" action="" :http-request="beforeAvatarUpload(row)" > <el-button icon="el-icon-pape

2020-12-31 11:17:26 334 1

原创 elementui form表单去除校验

最近在做新增form表单然后回显, 如果新增时不输入东西,触发校验后,关闭弹框,再次打开校验提示还会在,处理方法官方也有// 注意!!! 在页面回显的时候调用这个方法,需要在回显赋值之前进行清除校验提示, 不然你回显的值就会为空, updated(data, obj) { this.$refs["form"].resetFields(); // 再进行回显赋值 }...

2020-05-22 13:26:49 5592

原创 4.4全部网站变灰的实现方法

单纯的静态方法可以直接在公共样式里添加css3滤镜属性也可以动态的从彩色变成灰色app不更新实现变灰这个一开始我也不知道,后来问安卓的朋友,安卓套h5可以实现不更新app,实现灰色,...

2020-04-04 23:52:13 210

原创时间戳转换为时间

13位时间戳转换为日期, timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? '...

2019-11-04 14:08:47 511

原创 iview form表单校验

iview form表单校验 input校验时限制最多字数以及最小字数 ruleValidate: { refund_reason: [ { required: true, message: '请输入退费原因', trigger: 'blur' }, { type: 'string', min: 1,max:20, message: '退费原因不可为空,最...

2019-10-30 10:26:02 416

原创 iview table表格的多选框修改为单选

最近在做后台管理项目, 其中项目中需要用到表格单选, 前端ui组件使用的iview, 其中iview自带的单选, 其选择状态不友好, 不适宜项目中使用, 就自己修改了一下请注意-----------------------------其中 vm.columnsData 是你自己的表格绑定的数组,根据自己命名的值进行变化 { title: '请选择', a...

2019-09-11 13:58:34 2656 1

原创 GIt强制pull ; git强制更新

注意:该命令直接放弃所有修改代码,并更新到版本库最新版本代码;1. git fetch --all2. git reset --hard origin/master3. git pull注意: git reset --hard origin/分支代码, 一般都是主干,若有多期工程, 需自己更改...

2019-08-08 09:29:54 18353

原创 ES6去重

最近忽然想起来数组去重，就了解了一下，ES6去重，也特别好用和简单。接下来一起来看一看Set 和 Array.from方法一 Set通过浏览器打印我们可以看到，重复的选项已经被去除，其数组内的重复的字符串和数值，都已经去除，按照顺序关系，保留解析到的第一个，其中undefined，null，NaN，重复的也可以去重。但是返回值是对象，如果你想要数组怎么办？试试下边的方法方...

2019-07-19 17:21:30 1161

原创 iview时间校验,间隔一年等.....

关于时间校验,搜了许多方法没有找到合适的,就自己取巧搞了一下<i-col span="6"> // 开始和结束日期的绑定值 <form-item label="充电开始日期" prop="startDate"> <date-picker type="date" placehold...

2019-07-19 17:18:12 525

原创 iview的select 的on-change事件返回label的方法

<i-col span="8"> <form-item label="规则因子"> <i-select v-model="factor" @on-change="RuleFactor"> <i-option class="optionT" v-for="item in factorList" :value="item.value"...

2019-07-19 17:03:43 929

原创 iview组件库, DatePicker日期组件,进行日期间隔控制方法本次需求,月份选择器,要求间隔一个月.

<i-col span="6"> <form-item label="开始日期"> <date-picker type="month" placeholder="请选择开始时间" v-model="formValidate.startDate" style="width: 150px" ...

2019-07-19 16:58:10 771

干脆来碗面的博客