- 博客(53)
- 收藏
- 关注
RSS订阅原创 elementUI select值回填的三种数据类型
回填我目前使用到的数据类型，分三种：数据不同，回填的时候要做不同的数据类型转换1. 数组回填的value值如果是字符串需要转换成整型<el-select v-model="value" placeholder="请选择" > <el-option v-for="(value, index) in ['值1', '值1', '值1']" :key="index" :label="value" :value="key" /> </el-sel
2021-03-29 14:11:23
2489
原创 关于jquery.validate表单验证
关于jquery.validate.min.js的使用一、验证规则：1. 引入：<script src="/js/plugins/validate/jquery.validate.min.js"></script><script src="/js/plugins/validate/messages_zh.min.js"></script>2. messages_zh.min.js:/*! jQuery Validation Plu.
2020-11-11 11:29:25
224
1
原创 中国标准时间转年月日，公众号访问显示不正常
原本的写法：parseTime (time, cFormat) { if (arguments.length === 0) { return null } const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}' let date if (typeof time === 'object') { date = time ...
2020-06-12 17:33:46
222
原创 系统键盘收起后页面底部有留白问题处理
在输入框中输入完内容，当点击键盘上的完成按钮时，会发现页面底部会有一大段区域变成了白色的，高度就是原来弹起的键盘的高度，这时候如果将页面上下滑动下，会发现这块空白区域又会消失，页面也恢复了正常。参考：https://blog.csdn.net/zgh0711/article/details/89562566...
2020-06-11 14:31:55
1414
原创 支付请求成功，但是页面未调出
威威为请求支付时：缺少total_fee，但是微信支付请求官方不需要传total_fee请求的结果：问题解决：官方文档：‘package： 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）而hou'dua...
2020-06-11 14:21:16
690
原创 【问题记录】解决打包后报Cannot read property 'range' of null 错误
打包部署后报错解决方法 参考博客：https://blog.csdn.net/weixin_42406046/article/details/103718293
2020-05-12 12:04:43
616
原创 el-input-number默认值为0，没有输入值时如何置空
template部分：<el-form-item label="货物估值" prop="valuation"> <el-input-number v-model="goods.valuation" :precision="2" :step="0.1" :min="0" style="width: 100%;"> <template slot="ap...
2020-04-26 10:24:34
14757
4
原创 【bug记录】vue绑定rule, 已填验证失败
日志打印是有值的排查：1. rule没绑错：组件绑定的变量是否在data{}里面声明，无声明则会获取值为undefined。2. prop没绑错：prop的名称是否与v-model的名称一致。3. 数据类型：当数据为Number类型时，是否在rules添加type:"number"for:2. props绑定3.planNumber: [{ requ...
2020-04-16 11:18:25
672
原创 vue项目打包遇到的问题
1. npm run build 无法打包—— 报错 npm ERR! missing script: build我的package.json 的scripts 参数：->npm run build:prod --report
2020-04-15 16:23:10
261
原创 el-select被选值无法修改，强制更新
新增时的数据change的值有改变，但是视图显示的被选是原来的出现这个问题是因为绑定了对象（需求显示比较复杂），因为数据层次太多，render函数没有自动更新，需手动强制刷新。this.$forceUpdate就是重新render。vue强制更新$forceUpdate()handleChooseTool(e) { this.$forceUpdate()...
2020-04-14 14:53:09
4423
原创 key值监听prop数据的变化
两笔数据设置的所有品牌，被设置过的不让再次设置，el-cascader这里用的多选，已被选的数据被disabled掉奥迪Q3已经被选，现在做个删除操作，props二级数据应该重新加载，删除后这个仍被禁用，但是打印出来的数据发生改变，可以用这个id的长度变化来重新加载data 这里需要重新指向this，不然从接口返的数据赋值了goodId拿不到pro...
2020-04-10 11:39:29
392
原创 element tree 单选
3444template部分：<el-tree v-if="dialogFormVisible" ref="tree" node-key="id" :data="deptsList" default-expand-all ...
2020-03-17 19:58:57
1591
原创 el-select 嵌入tree
场景：【用户管理】开始是： 部门选择在左边，选择某个部门，右边查询出的数据为该部门下 但是： 这里的用户点击左边选择部门的说法是最后结果：...
2020-03-17 19:51:12
689
原创 日期缺0补齐 2019-5-14 && js时间戳转年月日
timestamp (gcReportTime) { // 1577948059000 var date = new Date(gcReportTime) var year = date.getFullYear() var month = this.Appendzero(date.getMonth() + 1) var day = this.Appendzero(date.g...
2020-01-19 14:16:15
216
原创 表格el-table选中获得行参数
自己定义choosedTasks handleSelectionChange(selection) { this.choosedTasks = selection },getMultipleSelect() { const arr = [] if (this.choosedTasks) { this.choosedTasks.forEach(fun...
2020-01-13 16:28:52
420
原创 【bug记录】children must be keyed
切换就报错 ： vue.runtime.esm.js:619 [Vue warn]: <transition-group> children must be keyed: <ElTag>解决： 切换时候，下拉选择的值没有清空
2020-01-06 16:48:43
1150
1
原创 【bug】记录Attribute ':dialogId' must be hyphenated
驼峰命名ESLint检测语法错误解决方法：dialogId ---> dialog-id
2020-01-04 14:26:32
2732
原创 vue router 多个操作使用同一页面，路径配置
场景：给订单计划添加线路的操作比较复杂，所以这里用页面的方式交互而非弹窗el-dialog【新增，查看，编辑】都需要传入id ,如何共用一个页面vue. alias页面需要什么操作直接跳...
2020-01-03 10:47:51
1760
原创 element-ui的upload组件的clearFiles
取消操作后重新导入上次的表单记录还在写个方法清除下：clearFiles() { this.$refs['upload'].clearFiles()},
2019-11-20 10:56:24
1193
原创 element表单- 弹出层，点击背景遮罩层，不要关窗口，好不容易创建的数据，就丢失了
方法一：局部控制:before-close<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <span>这是一段信息</span> <span slot="footer" class...
2019-11-19 10:35:28
1550
原创 js数据之间的转换
1、.subString()var str="aabbccdd";console.info(str.substring(4)); // ccdd2、.replace()去掉逗号const reg = new RegExp(',')this.addressValue = value.replace(reg, '')-> adress:广东省汕头市朝阳区广东终点...
2019-10-22 09:59:32
140
原创 vue引入高德地图
1.首先在官网申请密钥:https://lbs.amap.com申请密钥2. index.html中引入<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=刚申请的密钥&plugin=AMap.ControlBar"></script>...
2019-10-16 10:42:26
472
原创 Javascript控制台相关
对象console 打印出来[object Object]Javascript控制台打印Object对象做项目的时遇到的问题，在调试代码时需要打印对象来查看具体数值，可以使用JSON.stringify()将obj转为字符串后打印，或者直接使用console.dir（）直接打印。...
2019-09-05 14:10:06
198
原创 git操作-开发中遇到的问题解决
1.多人开发，本地有修改pull时被终止掉8月27提交的代码，pull下来但是本地的代码没有变化，这是因为本地有变更的内容，在gitpull时，已经终止掉aborting。tig看看执行gitpullorigindevelopgitstash先把本地的放在回收站里再执行gitpullorigindevelop-ok2.仓库太多，且分支较多，...
2019-08-27 10:05:40
4066
原创 {Sass::Script::Functions color functions}颜色函数
RGB Functionsrgb($red, $green, $blue)HSL Functionshsl($hue, $saturation, $lightness)hsl(hue, saturation, lightness) //色相、饱和度、亮度hsla($hue, $saturation, $lightness, $alpha)hsla(hue, sa...
2019-07-03 11:50:16
362
原创 关于 CSS 预处理语言
什么是css预处理器？css预处理器是用一种专门的语言，进行网页的样式设计，之后在被编译为正常的css文件，以供项目使用。使用css预处理语言的好处：是css更加简洁、方便修改、可读性强、适应新强并且更易于代码的维护。css和sass的关系：sass是由buby语言编写的一款css预处理语言，和html一样有严格的缩进风格，和css编写规范有着很大的出入，是不使用花括号和分号的，所以不...
2019-07-02 17:43:04
3223
原创 关于Vue.prototype
经常看到main.js,使用了import引入，还Vue.prototype.$..import echarts from 'echarts'Vue.prototype.$echarts = echarts1.那么Vue.prototype.$..是干嘛的？对于一个vue脚手架项目来说，在main.js里使用Vue.prototype声明的变量，实际上是为Vue对象添加了一个原型...
2019-07-02 17:13:30
2640
原创 Vue.mixin()的使用
Vue.mixin()实现一次代码，无限复用。Vue.mixin()官方说明。一句话解释，Vue.mixin()可以把你创建的自定义方法混入所有的Vue实例。使用 Vue.mixin()接下来的思路很简单，我们整合所有的filter函数到一个文件，在main.js中引入即可。在上代码之前打断一下，代码很简单，但是我们可以写的更加规范化，关于如何做到规范，在...
2019-07-02 14:29:13
2579
原创 浏览器滚动样式太丑？
原始样式：样式修改::-webkit-scrollbar{ width: 5px; height: 5px; } ::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: i...
2019-06-28 10:19:33
337
原创 数据存储
localStorage存储：获取：localStorage.getItem("name")设置：localStorage.setItem("name","xiaoya")删除：localStorage.removeItem("name")localStorage.removeItem("userId"); // 清除单个localStorage.clear(); //clea...
2019-06-28 10:19:00
188
原创 vue切换页面时内容没有重新加载
vue切换页面不mounted两边页面切换，页面路由参数已经改变，但是页面内容没有刷新。原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。禁用成员后恢复，页面切换，数据没有刷新解决办法：使用Vue组件切换过程钩子activated。...
2019-06-21 17:36:58
4142
原创 ES6 变量的解构赋值
解构赋值ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。以前，为变量赋值，只能直接指定值。var a = 1; var b = 2; var c = 3;ES6允许写成下面这样。var [a, b, c] = [1, 2, 3];上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属于“模式匹配”，只要等号两边...
2019-06-21 10:22:28
573
原创 本地上传到自己的gitHub库
1.创建仓库创建完成之后，跳转到下面的页面，下面的网址，在后面上传代码的时候需要使用在项目中打开git1.输入git init如下图所示，这个意思是在当前项目的目录中生成本地的git管理（会发现在当前目录下多了一个.git文件夹）2.输入git add . 这个是将项目上所有的文件添加到仓库中的意思，如果想添加某个特定的文件，只需把.换成这个特定的文件名即可...
2019-06-03 15:59:29
133
原创 el-tree传值父级与子级的check值
element-ui官网获取checkd值的方法getCheckedKeys() { console.log(this.$refs.tree.getCheckedKeys()); }这种只有在所有子级都被选中的情况下才能获得父级的id，如果不选中所有的子级那么获取得到的id就只有子级的。但是一般提交子级id数据时后台都需要父级id的。解决办法：1.找到node_modules/el...
2019-03-25 18:07:34
1615
2
原创 跳转传参拼接问题query与params
跳转时用query传参会拼接参数在路径后面this.$router.push({path: '/userManagement',query:{id:this.regionId,label:this.label}});接受值：this.$route.query.id用params不会拼接this.$router.push({path: '/userManagement',para...
2019-03-20 17:31:55
2156
原创 vue 图片放大查看器
1.viewer1、安装依赖npm install v-viewer --save2、全局引入import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer);Viewer.setDefaults({ Options: { "inline": true, "bu...
2019-03-14 16:15:22
1110
原创 正则，输入限制
正则表达式jq写法let str = $("#hotSpotNum").val();let ret = /^\d{1,5}$/; if(!ret.test(str)){ this.$message({ type: 'error', message: '热点名称不超过5个字符!' }); return; }input绑定onk...
2019-03-11 11:02:48
468
原创 后台的换行标签如何渲染
后台的<br/>标签如何渲染在前端页面改成这样v-html="XXX"效果：内容为--全英文+数字的强制换行csswhite-space:normal;word-break:break-all;
2019-03-11 11:01:46
447
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人