- 博客(24)
- 问答 (2)
- 收藏
- 关注
原创 el-from回车刷新页面问题解决
el-from绑定回车事件的时候发现会刷新页面,出现这类的问题是因为W3C规定:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。
2022-07-11 14:40:14 1047
原创 vue上传所有附件以后提交表单
方法是挂载在vue实例上的公用方法,需要在main.js里面导入// 多个表单验证Vue.prototype.multipleUploadFile = function (formData,submitReuqest) { // 保存操作 let formArr = formData; //文件数组 var resultArr = []; //用来接受返回结果的数组 var _self = this; function checkForm(formName) {
2022-05-17 18:04:05 473
原创 本地proxy反向代理两分钟后请求超时问题
本地proxy反向代理两分钟后请求超时问题本地项目进行中,由于要上传很多的数据,所以数据传输时间比较长,请求时间到两分钟以后就自动的断开了请求,页面展示如下:找了很多的资料,最后是查看了proxy的官方文档https://github.com/chimurai/http-proxy-middleware#options,中间有两个属性:1.proxyTimeout : 当代理没有收到目标响应时的超时时间(以毫秒为单位);2.timeout: 传入请求的超时(以毫秒为单位)。经测试,如果不设置这两个
2021-12-28 15:49:31 3965 1
原创 element ui 周选择器将选择时间转成yyyy-MM-dd ~ yyyy-MM-dd的格式
element ui 周选择器真的很想吐槽 选择的时间周格式只支持format不支持value-format,所以我们打印出来的还是日期,而不是页面展示的数据,为此找了很多处理周格式的方法,但是计算方式又不一样,最后还是处理成时间段来传值。如果大家有好的处理方法,欢迎在下面留言!// 时间戳转换为时间 timestampToTime(timestamp) { console.log(timestamp); var date = new Date(timestamp); //
2021-12-14 11:03:13 1463
原创 解决el-table固定列在ios系统出现的问题
最近在做适配的时候,发现el-table在ios系统上展示出现了问题–固定列应该是隐藏掉的,但是在IOS系统上面隐藏的样式不兼容,建议大家以后做隐藏处理不要用visibisity,这个属性对于ios是不兼容的。找了很多方式都不可行最后是用设置宽度来解决的,实在是没有别的办法了,代码在下面:在公共样式里面写入以下代码:.el-table { tr { td.is-hidden:first-child > *{ width: 10px;
2021-12-03 14:43:36 2747 2
原创 element ui Error in callback for watcher “options“: “TypeError: Cannot read property ‘level‘ o
博客地址:https://blog.csdn.net/weixin_38547641/article/details/108394836?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163272447216780264026010%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=163272447216780264026010&
2021-09-27 14:39:54 461
原创 vue中$bus遇到的问题
最近在做项目的过程中发现有页页面接口会多次调用,找了很久才发现是子组件向父组件传值引起的。上解决办法:(1)方法一:在调用之前先将事件销毁,否则会重复叠加this.$EventBus.$off(event).$on(event, (data) => { // event 事件名称 // data 传过来的数据 });(2)方法二:在生命周期里面进行销毁beforDestroy(){ this.$EventBus.$off(event);
2021-09-23 15:21:30 718
原创 解决el-input输入框无法输入值的问题
在做项目的时候发现一个情况,输入框无法输入值并且表单校验失灵。通过输入框失去焦点的时候强制刷新页面来解决输入框无法输入的问题,但是表单校验失效仍然存在。解决输入框无法输入的代码是:forceUpdate() { this.$forceUpdate(); },遇到的具体情况如下:新增和编辑公用一个弹框,再点击新增按钮,触发了邮箱输入框的空值校验规则,在关闭了新增弹框(关闭时已经重置校验规则),打开编辑弹框,鼠标放入邮箱输入框,失去焦点时,仍然会显示空值校验,并且邮箱输入框无法输
2021-09-02 17:22:15 3644
原创 小程序将http请求封装
参考网址:https://www.npmjs.com/package/@escook/request-miniprogram按照上述网站的操作方式,在main.js里面进行配置
2021-08-30 15:47:53 153
原创 页面记住密码后,去除浏览器自动填充密码效果
在做密码框的时候,因为浏览器记住了账户密码,导致输入框自定填充,而且还有背景色,这显然不符合我们的项目需求,这时候我们只需要加上**auto-complete=“new-password”**主要的就是这个代码。在网上查过很多方法都没用,比如:auto-complete=‘off’,这个在我的项目里面是没用的,上面那个实测有效。代码如下:<el-form-item label="登录密码:" prop="password"> <el-input
2021-08-24 16:33:45 487
原创 git常用命令大全
资料来源:https://gist.github.com/guweigang/9848271https://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html
2021-08-07 10:51:24 93
原创 解决table表格表头自定义下拉框选值选不中的问题
在项目需求中我们可能会遇到要把table表格的某列头部自定义成一个下拉框的情况,自定义就用 然后在其中间穿插内容就可以了,但是我在选值的时候发现值无法选中,如何解决呢,我们只需要在后面去加上slot-scope就可以了参考来源https://blog.csdn.net/lingliu0824/article/details/109901447?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162467244216780261960043%
2021-06-26 09:55:25 668
原创 2021-06-08解决给table表格添加fixed下边框消失的问题
/*注意deep两侧都要有空格*/ /deep/ .el-table__row { td:not(.is-hidden):last-child { bottom: -1px; } } /*注意deep两侧都要有空格*/ /deep/ .el-table__row { td:not(.is-hidden):first-child { bottom: -1px; } }我这个是固定了两侧的,所以是两个,如果你是右边框消失,就把b
2021-06-08 14:33:16 1282
原创 将el-table表格的合计行放到首行
element-ui 的table表格的合计行是放在最后一行的,便于数据的直观显示,需求就会要求将合计行放到首页,方法如下:添加以下两行CSS,即可将合计行放在第一行:/* /deep/ 为深度操作符,可以穿透到子组件 *//deep/ .el-table { display: flex; flex-direction: column;}/* order默认值为0,只需将表体order置为1即可移到最后,这样合计行就上移到表体上方 *//deep/ .el-table__body-wr
2021-06-08 12:03:44 3941 3
原创 级联选择器,如何动态获取每级文件
级联选择器根据文件路径动态加载正文开始之前,先来说说我们的项目需求吧。我们这个项目需要做文件权限的处理,为避免文件过多,服务器响应时间长,所以我们的后端兄弟说要分级获取文件数据,那么就想到了级联选择器呀~ 但是级联选择器的数据格式是有自己的规范的,所以在数据处理上面我走了许多的弯路。但是最终让我找到了解决办法,就是级联选择器的动态加载类型。因为我们的参数要求是文件的路径所以还要涉及路径的拼接,不过也不用担心,级联选择器的动态加载都给我们做好了,下面来看看代码吧:<el-cascader-pane
2021-04-22 10:47:48 481
原创 如何解决表头错乱的问题
首先我来说明一下我遇到的情况。在做项目的过程中,需求方面需要在回收站表单里面单独加一项,其他的页面不加,由此就会出现表单数据错乱,数据不对应的情况。![这里是第一次初进页面,数据正常](https://img-blog.csdnimg.cn/20210322145534223.png#pic_center)![这里是出现的问题---此页面比其他页面多了一项](https://img-blog.csdnimg.cn/20210322145631160.png?x-oss-process=image/wa
2021-03-22 15:01:14 1305
原创 小程序中应用生命周期和页面生命周期有啥区别呢?
首先我们要知道的是,小程序里面的应用生命周期包含:onLaunch onShow onHide ;页面生命周期包括:onLoad onReady onShow onHide onUnload。具体的含义我们在创建小程序项目的时候代码已经做了标注。在这里我们就主要是介绍onShow onHide 两者在应用和页面的区别。1、应用生命周期 onShow onHide触发情况:(1)关闭小程序 (2)切换到后台的其他应用2、页面生命周期 onShow onHide这两个不管是初次打
2020-12-05 20:04:22 1062
原创 vue如何解决跨域的问题
这个问题,在vue配置文件里面都给我们写好了,我们现在大多都是用的vue3.x,在vue2.x里面我们可以看到这个配置。在vue开发中实现跨域:在vue项目根目录下找到vue.config.js文件(如果没有该文件则自己创建),写入下面的代码 module.exports={ publicPath:"/", devServer: { proxy: { //配置跨域 '/api': {
2020-12-03 21:41:59 580
原创 ES6中的类是什么
ES6中的类是什么es6中的class可以把它看成是es5中构造函数的语法糖,它简化了构造函数的写法, 类的共有属性放到 constructor 里面通过class 关键字创建类, 类名我们还是习惯性定义首字母大写类里面有个constructor 函数,可以接受传递过来的参数,同时返回实例对象constructor 函数 只要 new 生成实例时,就会自动调用这个函数, 如果我们不写这个函数,类也会自动生成这个函数多个函数方法之间不需要添加逗号分隔生成实例 new 不能省略语法规范, 创建类
2020-11-22 18:25:06 265
空空如也
vue如何显示HEIC格式文件
2021-11-12
vue项目国际化--el-table视图不更新
2021-10-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人