- 博客(23)
- 收藏
- 关注
原创 brew services start mysql报错处理小记
Error: Failure while executing; `/bin/launchctl bootstrap gui/501 /Users/bruce/Library/LaunchAgents/homebrew.mxcl.mysql.plist` exited with 5.
2024-07-30 16:16:16 259
原创 zsh compinit: insecure directories and files, run compaudit for list. Ignore insecure directories an
解决方式:一. 不嫌麻烦的话每次输入y回车就可以了。
2023-04-27 11:34:01 687
原创 exports、module.exports和export、export default
exports、module.exports和export、export default区分
2022-06-07 11:59:53 227
原创 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 10425 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 8418
原创 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 4916 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 3871 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 3206
原创 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 581
原创 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 1201
原创 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 2626 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 5180
原创 element-ui日期时间选择器type为datetimerange时,隐藏清除按钮问题
首先明确,element-ui中目前是不支持把此按钮隐藏或去除的然后再说明网上流传的通过css样式设置display:none;去隐藏也是没用的!既然这样只能采取迂回方法,我采用的是在点击“清空”按钮的时候把原来显示的值通过组件的change事件再赋值一下。记录下思路,代码较简单就不列了。...
2021-04-22 17:32:47 3035 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 4087 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 866
原创 vue element-ui级联选择器选中后下拉框自动收起
Cascader 级联选择器 数据渲染通过 :options=“options” 映射,让每一级都可以选择(选项前会有圆圈可勾选)设置属性 :props="{ checkStrictly: true }"1、点击后下拉框自动收起实现设置每次监听值变化的时候,把 dropDownVisible 属性设置为 false 即可。(虽说简单,但是这个属性我找了半天,官网根本没有说~~~~(>_...
2020-04-21 17:30:26 6345 4
原创 js正则的exec方法
定义:exec() 方法用于检索字符串中的正则表达式的匹配。语法:RegExpObject.exec(string)返回值:返回一个数组,未找到匹配,则返回值为null。说明:如果 exec() 找到了匹配的文本,则返回一个结果数组。否则,返回 null。此数组的第 0 个元素是与正则表达式相匹配的文本,第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本(如果...
2020-04-20 17:26:53 1877
转载 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 6866
原创 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 1445
原创 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 4920
原创 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 6584
原创 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 671
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人