- 博客(22)
- 收藏
- 关注
RSS订阅原创 zsh compinit: insecure directories and files, run compaudit for list. Ignore insecure directories an
解决方式：一. 不嫌麻烦的话每次输入y回车就可以了。
2023-04-27 11:34:01
464
原创 exports、module.exports和export、export default
exports、module.exports和export、export default区分
2022-06-07 11:59:53
203
原创 vue项目element-ui中el-select回车键隐藏下拉框，实现按回车键查询
需求：1、页面中有输入框，选择框，日期时间选择，按回车键实现查询功能网上查了都是在el-select弹框消失时（visible-change返回false），使select失去焦点的，然后页面document绑定keyup事件。这样做，如果页面上其它控件有回车事件，就会被覆盖掉，比如分页选择器中的回车事件。解决思路：1、隐藏下拉框：查看el-select源码发现下拉框的显示隐藏由visible变量在回车键按下去时(keydown)控制。这就好办了，给组件设置keydown事件，控制组件上的visi
2021-10-29 16:56:16
9515
5
转载 this.$router.go(-1)无效
问题描述：h5页面放在android的webview中运行的时候，发现this.$router.go(-1)返回失效。解决思路：在beforeRouteEnter钩子时，使用sessionStorage存储from.path；然后在点击返回的时候使用this.$router.push代码：beforeRouteEnter(to, from, next) { next(vm => { window.sessionStorage.setItem('lasterRouter', f
2021-10-08 14:34:27
8260
原创 vue多页面应用配置-及打包运行时报runtime.js 404问题
'use strict'const path = require('path')const defaultSettings = require('./src/settings.js')const ipFile = require('./src/utils/git-ip')const fs = require('fs')// const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin')function .
2021-09-22 11:41:47
4435
6
原创 element-ui的时间选择器中“此刻”按钮隐藏，以及部分样式修改
问题描述： 想隐藏时间选择器中的此刻按钮，在<style scoped></style>中使用/deep/或::v-deep进行样式修改不生效方法一： 是网上大部分的回答，在全局样式中修改，或者去掉scoped全局修改；项目中全局样式修改的方式，其实并不推荐！.el-picker-panel__footer .el-button--text.el-picker-panel__link-btn { display: none; }方法二：利用时间选择器的focus事件，在点击的时
2021-08-06 16:50:30
3573
4
原创 iframe用src打开另一个html时，跨域报错问题避坑
需求描述： 项目中后端返回了一个html页面地址url，前端需要把这个html页面内容转成图片展示在页面中。思路一： 最直接的就是在页面中用iframe打开这个url，打开后利用iframe的api'contentWindow.document.body获取需要的DOM，然后用html2canvas插件转成图片显示，同时iframe的样式属性diaplay设为none隐藏。Bug问题描述： 想法好，现实很骨感，由于后端返回的url地址是跨域的，那肯定over了。 但是当与后端协商后，经处理，后端返回了同
2021-07-09 18:21:16
3054
原创 element-ui级联选择器使用避坑
问题描述：element-ui的级联选择器对数据源其实是有要求的，需要父级、子级的参数一致，否则使用就会出现bug例如此例中的选项，父级是组，子级是人员，选项需要选中的是人员；后端数据中父级子级的数据中key完全不一致，需要处理一致后端返回选项数据：处理后的数据结构：const options = [ { collection_count: 0, group_id: 1, id: 2, name: "MY COMPANYccccc", children: [ {
2021-07-08 18:13:27
534
原创 el-cascader级联选择器选项数据处理(级联选择器最后一级数据为空显示暂无数据时)
选项数据结构：[ { id: 0, name: '选项1', children: [ { id: 11, name: '子选项1' }, { id: 12, name: '子选项2' } ] }, { id: 1, name: '选项2',children: [] }]思路：把以上数据处理成当子级children为空数组时，把children赋值undefined1.创建getTreeData方法：function getTreeData(data) { fo.
2021-05-06 11:20:09
1121
原创 vue中在子组件使用this.$parent调用父组件的方法报错
问题：在项目中的子组件调用父组件的closeRankLoading()方法时遇到报错：vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler: "TypeError: this.$parent.closeRankLoading is not a function"原因：原来是子组件在父组件调用布局时外层还套了两个其它element-ui组件，导致this.$parent只是到了上一层组件，并没有到达父组件<template> &l
2021-04-30 11:40:42
2509
1
原创 利用element-ui图片查看器el-image实现“点击文字显示放大图片功能“
需求：如图，点击表格中的文件名查看大图查看element-ui的image组件源码，里面有两个文件(image-viewwe.vue和main.vue)el-image-viewer小组件源码其中props参数：props: { urlList: { type: Array, default: () => [] }, zIndex: { type: Number, default: 2000 }, on.
2021-04-28 17:48:27
4987
原创 element-ui日期时间选择器type为datetimerange时，隐藏清除按钮问题
首先明确，element-ui中目前是不支持把此按钮隐藏或去除的然后再说明网上流传的通过css样式设置display:none;去隐藏也是没用的！既然这样只能采取迂回方法，我采用的是在点击“清空”按钮的时候把原来显示的值通过组件的change事件再赋值一下。记录下思路，代码较简单就不列了。...
2021-04-22 17:32:47
2876
1
转载 vue项目中axios请求统一配置了超时时间，怎样在一个单独接口请求时重设超时时间
项目中普通api接口请求：/** * 放款管理-放款中订单管理-单条刷新 * @param{*} id * method post */export function postRefresh(data) { return request({ url: '/api/operation/payoutOrder/refresh', method: 'post', data })}重设超时时间的接口请求：/** * 放款管理-放款中订单管理-单条刷新 * @p
2021-02-02 18:02:58
4024
3
原创 element-ui弹框、表单中以formData上传单文件，一次请求
需求：在新增弹框内点击确定提交表单的同时上传文件，只请求一次部分代码：上传文件按钮利用的是el-upload组件<!--新增/编辑弹框--><el-dialog :title="title" :visible.sync="editDialogVisible" width="47%" @close="closeEditDialog('editForm')"> <el-form ref="editForm" :rules="rules" class="editForm.
2020-05-11 14:34:23
842
原创 vue element-ui级联选择器选中后下拉框自动收起
Cascader 级联选择器 数据渲染通过 :options=“options” 映射,让每一级都可以选择(选项前会有圆圈可勾选)设置属性 :props="{ checkStrictly: true }"1、点击后下拉框自动收起实现设置每次监听值变化的时候，把 dropDownVisible 属性设置为 false 即可。（虽说简单，但是这个属性我找了半天，官网根本没有说~~~~(>_...
2020-04-21 17:30:26
6228
4
原创 js正则的exec方法
定义：exec() 方法用于检索字符串中的正则表达式的匹配。语法：RegExpObject.exec(string)返回值：返回一个数组，未找到匹配，则返回值为null。说明：如果 exec() 找到了匹配的文本，则返回一个结果数组。否则，返回 null。此数组的第 0 个元素是与正则表达式相匹配的文本，第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本（如果...
2020-04-20 17:26:53
1787
转载 mac安装Xcode提示空间不足
mac安装Xcode提示空间不足，一个原因可能是开了time machine；解决方法：1、关闭time machine2、终端执行sudo tmutil listlocalsnapshots /查看储存了哪些time machine3、删除储存的time machine tmutil deletelocalsnapshots 2020-01-11-215658再安装Xcode可以了...
2020-03-14 22:07:14
6802
原创 vue中element-ui新增/更新弹框复用，在close时表单重置失败
问题描述：在el-dialog的close关闭事件中，使用了element-ui中表单重置方法this.$refs[formName].resetFields() ，代码：close(formName) { this.$refs[formName].resetFields() }但如上图，在刚进入页面后先点击编辑按钮（此时表单被赋值）后关闭弹框，再点击新建按钮时，弹框...
2019-11-28 19:43:00
1401
原创 element-ui的table动态生成列，在相应的列中添加按钮，点击出现el-dialog弹框
element-ui的table动态生成列，在相应的列中添加按钮，点击出现el-dialog弹框效果如图：弹框：动态渲染表格列<el-table :data="tableData.data" stripe border empty-text="No data" max-height="400" style="...
2019-11-21 20:14:27
4794
原创 el-select框，切换选项时弹出提示框
table中的el-select选择框，当切换选项时弹出提示框，点击确认切换选项，取消则不改变数据<template> <div class="approvalStage"> <el-select v-model="storeLocation" placeholder="请选择"> <el-option v-for="item i...
2019-11-19 13:00:28
6222
原创 Mac用Sequel pro小记
安装MySQL过程略过，从官网下载Sequel pro安装完成1、登录前需先打开mysql（打开步骤略过）2、打开Sequel pro3、登录Name 一般root 随便Host 服务器地址，远程的输入服务器ip，本地的输入localhost或127.0.0.1Username 和 Password都是MySQL的用户名和密码Port一般是33064、登录连接后 点左上角add ...
2019-05-28 14:31:56
645
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人