![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
斑斓 小星愿
这个作者很懒,什么都没留下…
展开
-
element 日期选择器 选择月份 两个input输入框 设置默认月份(当年1月到当前月)
element 日期选择器date-picker 设置默认月份(当年1月到当前月),结束月份大于开始月份,开始月份小于结束月份1. 初始月份设置先放效果图月份选择器<el-date-picker v-model="checkFieldFormData.fromDate" :picker-options="pickerOptionsStart" type="month" format="yyyy-MM" value-format="yyyyMM"原创 2020-09-08 16:43:09 · 5676 阅读 · 0 评论 -
vue router keepAlive的页面 到此页面根据不同条件判断是否刷新 不刷新时记录滚动条位置
需求A—>B—>C,A页面到B页面时,B页面刷新请求数据,从C页面返回到B页面时则不刷新,需要回到原来选中滚动的地方比如:淘宝的商品列表(B)页面跳转到详情页(C)的时候,当返回上一级的商品列表时,肯定是返回上次浏览的位置,不然用户体验很差,使用了keep-alive之后呢页面不刷新了,随之的问题就是查找特定商品列表(A—>B)时,列表一直是上次缓存的列表页。解决办法首先,在app.vue中使用keepAlive,如果是meta信息里keepAlive为true,那就包在keep-原创 2020-07-21 14:31:37 · 1686 阅读 · 0 评论 -
使用vue-draggable在拖拽元素上绑定的点击事件在安卓手机上失效
使用vuedraggable后在移动端Android手机点击事件失效效果图如下:问题描述: 在Android机型的手机中点击删除按钮无效。代码如下尝试了网上查资料说的click.stop.prevent方法,使用后问题依然存在。在官网的issues中找到了解决办法。把需要拖拽的元素添加到handle属性中,删除按钮不包含进去就可以解决这个问题了。...原创 2020-07-10 14:11:36 · 4620 阅读 · 10 评论 -
vue 中嵌入iframe页面
使用的是vue-element-admin。需求项目需求是在点击左边侧边栏的时候判断如果是外部的页面之后,将此页面在右侧打开,每打开一个,tagview中也会相应加上,当切换这些tagview时,要保持每个页面切换前的状态,就是不重载。尝试新建了iframe.vue文件,里面套iframe标签,通过地址的参数不同,跳转不同的iframe页面,但是在做切换时,会导致iframe页面重载,利...原创 2020-04-24 18:36:45 · 12178 阅读 · 9 评论 -
修改 element tree 组件折叠和展开的图标
树节点中的图标 官网文档中介绍了,可以通过renderContent来设置,那折叠和展开的图标小三角怎么修改成想用的其他图标呢。我现在是需要改成在浏览器中查看元素可知嗯,覆盖图标原来的content内容。.el-tree-node__content .el-icon-caret-right:before{ content: "\E604";}content 的内容可以通过...原创 2020-03-18 19:16:58 · 5345 阅读 · 3 评论 -
element中form表单resetFields()方法重置表单无效
element中form表单resetFields()方法重置表单无效首先我在项目中 做的表单项为动态生成的,当点击重置的时候没有发生变化,代码如下:一般问题可能是form忘了写ref,我检查了几遍,发现写法和官网一致,不知道哪出错了,后来比对发现表单项el-form-item要添加prop属性,后加上就可以了。遇到重置无效的问题可以注意下这几点1、添加表单的ref属性2、表单项e...原创 2020-01-09 16:12:59 · 5112 阅读 · 2 评论 -
element的嵌套dialog,在打开第二个dialog的时候会被遮罩层遮住
element嵌套dialog遮罩层的问题做项目的时候遇到一个问题,在一个弹出层的内容区做处理打开另一个弹出层时,第二个弹出层会被遮罩层遮住,点击五次之后遮罩层关闭。然后才发现,element 的dialog嵌套问题,之所以第二次弹出的会被遮住,是因为没有给定 append-to-body。正常情况下,我们不建议使用嵌套的 Dialog,如果需要在页面上同时显示多个 Dialog,可以将它...原创 2020-01-09 10:47:34 · 8867 阅读 · 5 评论 -
element tree 高亮默认展示
element tree 高亮默认展示项目中可能会需要 tree树形的默认有个高亮显示项,在网上找资料基本上都是通过setCurrentKey方法上面也说了,使用此方法必须设置node-key属性。<el-tree ref="tree" :props="defaultProps" :load="loadNode" :render-content="render...原创 2019-12-17 17:19:01 · 1155 阅读 · 0 评论 -
element tree懒加载模式 手动刷新数据
element tree懒加载模式 手动刷新数据在做项目的时候 遇到的问题是 点击表格内不同的选项 在弹框内加载不同的树形数据。在使用懒加载的时候,发现打开不同的弹框只加载了一次数据,弹框内的内容没有更新。解决办法首先是在data里面定义一个变量,将node.level == 0的node存起来,node.level==0的resolve也存起来。data: () => { r...原创 2019-12-17 14:48:49 · 2446 阅读 · 0 评论 -
vue + element 自定义表单验证的时候 需要通过请求后端接口验证
vue + element 自定义表单验证的时候 需要通过请求后端接口验证做vue项目的时候遇到了一个需求,在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值。// template<el-form-item label="账户" prop="userid"> <el-input v-model="addForm.userid"></el-in...原创 2019-12-10 17:01:36 · 2793 阅读 · 1 评论 -
vue表单报错 "TypeError: Cannot read property 'resetFields' of undefined
vue表单报错 Error in event handler for “click”: “TypeError: Cannot read property ‘resetFields’ of undefined”在做vue element 项目中,做了一个新增 打开弹框的功能,想每次点击新增的时候表单项重置。使用了this.$refs[formName].resetFields();但是报错了...原创 2019-12-09 16:53:47 · 11914 阅读 · 5 评论