![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
愿被温柔以待i
这个作者很懒,什么都没留下…
展开
-
Dhtmlx Gantt部分属性详解
针对dhtmlxGantt的一些属性方法的解释原创 2024-05-11 15:56:02 · 1287 阅读 · 0 评论 -
el-upload自定义上传文件
自定义上传文件,并且在传输文件数据的同时添加别的数据依次添加进所需字段,再将formData传入接口即可原创 2022-07-06 14:44:18 · 439 阅读 · 0 评论 -
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 · 453 阅读 · 0 评论 -
vue上传图片+粘贴图片两种方式切换
vue上传图片+粘贴图片两种方式切换原创 2022-02-25 16:53:01 · 2943 阅读 · 2 评论 -
本地proxy反向代理两分钟后请求超时问题
本地proxy反向代理两分钟后请求超时问题本地项目进行中,由于要上传很多的数据,所以数据传输时间比较长,请求时间到两分钟以后就自动的断开了请求,页面展示如下:找了很多的资料,最后是查看了proxy的官方文档https://github.com/chimurai/http-proxy-middleware#options,中间有两个属性:1.proxyTimeout : 当代理没有收到目标响应时的超时时间(以毫秒为单位);2.timeout: 传入请求的超时(以毫秒为单位)。经测试,如果不设置这两个原创 2021-12-28 15:49:31 · 3832 阅读 · 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 · 1409 阅读 · 0 评论 -
解决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 · 2633 阅读 · 2 评论 -
vue中$bus遇到的问题
最近在做项目的过程中发现有页页面接口会多次调用,找了很久才发现是子组件向父组件传值引起的。上解决办法:(1)方法一:在调用之前先将事件销毁,否则会重复叠加this.$EventBus.$off(event).$on(event, (data) => { // event 事件名称 // data 传过来的数据 });(2)方法二:在生命周期里面进行销毁beforDestroy(){ this.$EventBus.$off(event);原创 2021-09-23 15:21:30 · 691 阅读 · 0 评论 -
解决el-input输入框无法输入值的问题
在做项目的时候发现一个情况,输入框无法输入值并且表单校验失灵。通过输入框失去焦点的时候强制刷新页面来解决输入框无法输入的问题,但是表单校验失效仍然存在。解决输入框无法输入的代码是:forceUpdate() { this.$forceUpdate(); },遇到的具体情况如下:新增和编辑公用一个弹框,再点击新增按钮,触发了邮箱输入框的空值校验规则,在关闭了新增弹框(关闭时已经重置校验规则),打开编辑弹框,鼠标放入邮箱输入框,失去焦点时,仍然会显示空值校验,并且邮箱输入框无法输原创 2021-09-02 17:22:15 · 3572 阅读 · 0 评论 -
页面记住密码后,去除浏览器自动填充密码效果
在做密码框的时候,因为浏览器记住了账户密码,导致输入框自定填充,而且还有背景色,这显然不符合我们的项目需求,这时候我们只需要加上**auto-complete=“new-password”**主要的就是这个代码。在网上查过很多方法都没用,比如:auto-complete=‘off’,这个在我的项目里面是没用的,上面那个实测有效。代码如下:<el-form-item label="登录密码:" prop="password"> <el-input原创 2021-08-24 16:33:45 · 457 阅读 · 0 评论 -
解决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 · 645 阅读 · 0 评论 -
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 · 1248 阅读 · 0 评论 -
将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 · 3743 阅读 · 3 评论 -
级联选择器,如何动态获取每级文件
级联选择器根据文件路径动态加载正文开始之前,先来说说我们的项目需求吧。我们这个项目需要做文件权限的处理,为避免文件过多,服务器响应时间长,所以我们的后端兄弟说要分级获取文件数据,那么就想到了级联选择器呀~ 但是级联选择器的数据格式是有自己的规范的,所以在数据处理上面我走了许多的弯路。但是最终让我找到了解决办法,就是级联选择器的动态加载类型。因为我们的参数要求是文件的路径所以还要涉及路径的拼接,不过也不用担心,级联选择器的动态加载都给我们做好了,下面来看看代码吧:<el-cascader-pane原创 2021-04-22 10:47:48 · 460 阅读 · 0 评论 -
如何解决表头错乱的问题
首先我来说明一下我遇到的情况。在做项目的过程中,需求方面需要在回收站表单里面单独加一项,其他的页面不加,由此就会出现表单数据错乱,数据不对应的情况。![这里是第一次初进页面,数据正常](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 · 1241 阅读 · 0 评论 -
vue如何解决跨域的问题
这个问题,在vue配置文件里面都给我们写好了,我们现在大多都是用的vue3.x,在vue2.x里面我们可以看到这个配置。在vue开发中实现跨域:在vue项目根目录下找到vue.config.js文件(如果没有该文件则自己创建),写入下面的代码 module.exports={ publicPath:"/", devServer: { proxy: { //配置跨域 '/api': {原创 2020-12-03 21:41:59 · 565 阅读 · 0 评论