- 博客(25)
- 收藏
- 关注
RSS订阅原创 el-select 获取选中的整个对象
想要获取el-select选中的整个对象，可以el-option中的value可以直接绑定对象，注意：在el-select标签中需要加value-key属性，且值为item中的一个惟一属性，例如id。
2023-08-22 19:04:04
2711
原创 使可视化面板创建vue项目
安装vue脚手架如果我们有安装了vue脚手架则无需安装npm i @vue/cli -g创建vue可视化项目在终端窗口中输入 vue ui浏览器中出现vue项目管理器
2022-02-21 16:28:33
537
1
原创 uni.request在部分ios中无法请求数据
在安卓机上可以正常请求数据，但是在部分ios机上请求不到，报错信息为request:fail，且后端根本没有收到这条请求消息。排除发现部分ios机上的post无法正常请求，get请求可以正常发送，其实与跨域有关，可以在uni.request请求中设置请求头，代码如下：header: { 'content-type':'application/x-www-form-urlencoded'},...
2021-12-23 11:44:07
2553
原创 h5页面怎么返回到微信公众号
由微信公众号自定义菜单进入h5页面，当我们点击页面返回公众号按钮时可以回到公众号，兼容ios和安卓document.addEventListener('WeixinJSBridgeReady', function(){ WeixinJSBridge.call('closeWindow'); }, false); WeixinJSBridge.call('closeWindow');...
2021-12-14 11:10:27
2242
原创 vue项目字典管理
优点：在下拉框数据及列表中下拉类型的数据发生变化时，不用手动一个一个去改动，只需要在字典管理中同步管理即可。首先对字典查询进行管理这里涉及的增删改查就不一一阐述了这里以业务类型的数据为例先引入字典管理的接口(下拉框)import {getByType} from 'api/manage/dict.js';获取业务类型数据<el-form-item prop="bizType" label="业务类型"> <el-select v-mod
2021-11-22 11:10:02
3182
原创 vue项目升级element-ui
首先删除你原先的element-uinpm uninstall element-ui重新安装你需要的版本，如element-ui@2.11.1npm i element-ui@2.11.1 -S在main.js中修改element-ui的样式路径，将default修改为theme-chalkimport 'element-ui/lib/theme-chalk/index.css';如果还是不行，请升级相应的node-sass、vue及vue-template-compiler.
2021-11-08 15:45:08
758
原创 webpack使用
1. 概述webpack 是一个流行的前端项目构建工具（打包工具），它提供了友好的模块化支持，以及代码压缩混淆、处理 js 兼容问题、性能优化等强大的功能。2. webpack的基本使用2.1 webpack安装及配置下载webpack相关包：npm install webpack webpack-cli –D在项目根目录中，创建 webpack.config.js 的配置文件在配置文件中，配置初始化module.exports = { mode: 'development' /
2021-05-27 18:10:46
94
原创 el-form使用validateField对多个参数进行验证
项目中点击发送短信按钮时，需取消对短信验证输入框的校验，首先想到的是使用clearValidate，无奈项目elemen-ui版本太低，没有这个方法，所以换个思路，可以对表单多个参数进行验证，方法如下： //1.在低版本中validateField的第一个参数只能接收String类型，这里以String为例 //将需要进行表单校验的参数放在一个数组中 var valiSome = ['email', 'password','inValidateCode'] //设置布尔值
2021-05-19 10:27:33
6329
2
原创 Vue导出功能
//template部分 <el-button class="filter-item" icon="document" @click="getListExcel()">导出</el-button> //methods部分 getListExcel() { //excel是向后台获取数据的方法，项目中分离出来了 excel(this.listQuery).then(response => { if...
2021-03-29 11:19:44
435
原创 js中将金额格式化
将金额处理为以下格式：项目中很多地方都可能需要用到，所以可以将其封装为一个函数<span class="momeyFont"></span>元amountFun('1000','.momeyFont')function amountFun(obj,ele){//obj为传入的金额，且为字符串型，ele为需要金额格式化的元素 var newStr = ""; var count = 0; if(obj.
2021-03-25 16:01:29
726
原创 js实现element-ui中el-select的多选功能
在没有引进element-ui组件的项目中，某个页面需要实现类似于el-select的功能及样式，如果引入element-ui的样式和js文件，会导致内容过大，页面加载比较慢。所以我手写了一个差不多的组件，在pc和移动端简单区分了个别样式，效果图如下：注：样式中涉及的“×"、"勾”及“上下翻转”符号我是从阿里巴巴矢量图库中下载生成的svg的图片格式直接上代码：样式部分<style> .info_desc { font-size: 14px;
2021-02-22 10:45:59
882
原创 element el-date-picker 选择指定星期
这里以el-date-picker只能选择周日为例设置picker-options<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerTime"></el-date-pi
2021-02-05 16:47:36
1433
原创 vue限制输入框最多只能输入小数点后两位
<el-input v-model="amMerchant.rate" type="number" @input.native="changeRate($event,amMerchant.rate)"> </el-input>methods:{ changeRate(e,input){ e.target.value=(e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null .
2020-12-31 11:17:33
2182
原创 vue使用el-opload只允许上传一张图片同时拥有预览和删除功能
在最近的vue项目,产品要求只能上传一张图片，同时实现预览和删除的功能。使用el-opload照片墙会出现闪动的问题，用户头像上传满足要求，但是没有删除功能，所以我在用户头像上传的基础上手动增加了预览和删除功能，效果如下：...
2020-12-22 11:25:05
3513
6
原创 ios thymeleaf回显下拉框数据不生效
学习目标：开发中我们可能会遇到回显后台传过来的数据，最近遇到的问题有：下拉框在pc端，安卓端能成功回显数据ios却不行，解决方法：$("#idType").find('option[value='+ id_type+']').attr('selected','selected')换成$("#idType").find('option[value='+ id_type+']').prop('selected',true)...
2020-12-14 15:52:51
255
原创 IOS不支持overflow: hidden；
在最近的项目中，ios系统出现一个带有滚动条的弹框，使其滚动，发现是先把父盒子滚动到底部才能滚动弹框，体验十分不好。所以第一反应是当弹框弹出的时候，隐藏父元素的滚动条，结果不生效，尝试各种方法都不行后，百度发现ios不支持overflow: hidden;解决方法：弹框弹出时：$('body').css({height: 100%;overflow: hidden;width: 100%;position: fixed;})...
2020-12-14 15:42:03
365
原创 el-table列表数据刷新后定位到之前点击的那一行
学习目标：需求描述：点击表格操作列表中的编辑，会出现点击该行的弹框信息，对信息进行修改后，关闭弹框，刷新表格，并定位到之前点击编辑的那一行，注：我没给表格高度，如果表格设置了高度，需对对应部分进行修改![点击审核按钮，弹出弹窗](https://img-blog.csdnimg.cn/20201201171448380.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLm
2020-12-01 17:59:13
2436
4
原创 ie9浏览器使用webuploader上传文件点击按钮没反应
一定要确定swf属性的路径是否正确开始我以为自己路径没问题，而在这个问题上花了很多时间。如何确定自己路径有没有问题呢，打开调试工具，查看network看状态码是否为200，如果是404就意味着你路径有问题在文件头部添加 <meta http-equiv="X-UA-Compatible" content="IE=edge">...
2020-11-26 17:36:14
1197
原创 el-dialog的整体拖拽及拖拽部分为图片的问题
vue中给dialog添加拖拽功能的步骤在utils文件中新增directive.js文件import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dragObj = el.querySelector('.el-dialog') dragObj.style.cursor = 'move
2020-11-26 17:02:45
237
2
原创 iOS真机时间显示为NANA
安卓手机及PC端支持时间为("YYYY-MM-DD HH:mm:ss")的格式，对于iOS手机来说这种格式是存在兼容性问题的，从而导致页面时间显示为NANA的问题，我们可以从iOS支持时间格式为("YYYY/MM/DD HH:mm:ss")入手。 当我遇到这个问题后进行百度，发现大部分的人都说直接将时间中的**-**替换成**/**就可以解决问题，其实不然，具体要看开发实际情况。通过打印可得后端转入的时间格式为**2020-09-25T06:45:49.000+0000**，...
2020-10-12 14:55:11
536
1
原创 windows查看并杀死指定端口进程(Web server failed to start. Port 8208 was already in use.)
使用window+r快捷键打开黑窗口输入netstat -ano可查看所有端口情况输入命令：netstat -aon|findstr “8208”，查看被占用端口对应的PID输入命令：tasklist|findstr “2696”，查看是哪个进程或者程序占用了2696端口输入命令：taskkill /pid 2696 -t -f，通过PID 杀死指定的服务...
2020-09-27 14:08:45
343
原创 获取v-for元素
获取v-for元素：vue是不建议我们直接操作元素的，但在实际开发中，我们不得不根据产品需求对里面的元素进行修改。使用v-for创建元素的数据一般是根据后台接口返回得到的，如果我们想操作元素，首先要获取元素，那么问题来了，我们获取的元素显示为空，很多人说使用**this.$nextTick(function(){})**，但经过我的实际操作，发现并不可取。解决办法：可以在watch里对用v-for循环的数据进行监听处理；2. 注意，在watch中监听时，需要配合**this.$next
2020-09-23 16:37:45
790
原创 idea全局查找字段
idea全局查找字段：使用idea编程，全局查找字段的快捷键是**Ctrl+Shift+F**,如果你使用这个快捷键不生效，说明与系统输入法与之冲突，我们只要取消输入法相对应的快捷键即可，这里我以电脑自带输入法为例，如果有搜狗输入法，操作类似点击图中的设置图标在弹出的设置框中，选择按键找到对应的快捷键，将其关闭即可...
2020-09-01 17:48:02
6561
原创 将标签设置为行内块（inline-block）要注意的问题
将标签设置为行内块（inline-block）要注意的问题：在排版页面的时候，我们不得不根据实际需求将块级元素改成行类块元素，而行内块元素是以基线对齐，当我们里面的内容不一时，就会出现顶部没有对齐的情况解决方案：我们可以给标签设置 vertical-align:top可以解决这个问题...
2020-09-01 10:14:23
374
原创 谷歌浏览器一打开就崩溃
谷歌浏览器一打开就崩溃：解决浏览器一打开就崩溃的问题1.右键单击谷歌图标 2.点击属性 3.在目标(T)中加入--no-sandbox 注意--no-sandbox不要写在引号内
2020-08-31 17:09:35
778
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人