![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
UI框架
文章平均质量分 60
各种UI框架实操相关问题
铁锤妹妹@
日日行,不怕千万里;常常做,不怕千万事。
展开
-
vant-list组件瀑布流滚动加载展示数据长列表
介绍:瀑布流滚动加载,用于展示长列表,当列表即将滚动到底部时,会触发事件并加载更多列表项。基础用法:List 组件通过loading和 finished两个变量控制加载状态,当组件滚动到底部时,会触发 load事件并将loading 设置成true。此时可以发起异步操作并更新数据,数据更新完毕后,将 loading 设置成 false 即可。若数据已全部加载完毕,则直接将finished 设置成 true 即可。html...原创 2021-03-21 21:44:44 · 6803 阅读 · 9 评论 -
DateTimePicker设置默认的时间范围,超过范围则不可选
在项目中使用Element-ui中 DateTimePicker 日期时间选择器时,开始时间需要默认当天时间零点零时零秒(xxxx-xx-xx 00:00:00);结束时间需要默认当前时间几点几时几秒(比如现在是2022-07-06 15:04:31);用户进行选择器筛选时,选中开始时间,结束时间会控制在开始时间的6个月内,超过6个月的时间禁用,不可选。保证筛选范围一直控制在6个月。获取当天零点:获取当前时间:父组件传值tool.ts把通用方法最好封装成一个方法,放到一个文件里,方便多文件调用原创 2022-07-11 09:26:08 · 9893 阅读 · 1 评论 -
vue项目中编辑和新增用的是同一个弹窗,如何判断用户点击是编辑还是新增?
1. 前言最近在做后台管理,一个页面中会用到多个弹窗,所以整合成一个弹窗就好,另外需要判断用户点击是编辑还是新增,相应的进行一些操作,这个问题也挺常见的,记录一下吧~新增弹窗编辑弹窗2. 问题首先,这里有两个问题1. 编辑所在的这个组件和新增所在的这个组件这是两个子组件,怎么让编辑和新增同时使用一个弹窗2. 点击弹窗的确定按钮的时候怎么判断是新增的还是编辑的3. 解决问题针对问题一:绑定title,在data里面定义dialogTitle为空,然后点击新增或者编辑弹窗之前给他赋值原创 2021-03-25 14:15:38 · 8710 阅读 · 20 评论 -
vue报错:Cannot read property ‘validate‘ of undefined“
前言最近用element 做表单提交参数校验,一直提示这个属性没声明,最后发现是自己的疏忽的坑报错信息:有两个原因导致的错误:传值时diglogFrom忘了加引号传值时是添加了引号,但传递的值与ref的值不一致解决方案:针对第1个错误:传参需要加引号save(‘dialogForm’)针对第2个错误:传值时添加引号,并保证this.$refs[diglogFrom].validate()与ref中的一致...原创 2021-02-19 17:31:41 · 742 阅读 · 0 评论 -
理解element ui中的<template slot-scope=“scope“>,scope.row,scope.$index,scope.row.date
案例1:element-ui中的table组件,可能会发现有这么一个写法:table里对应的data数据template(模版) 在这里属于一个固定用法:<template slot-scope="scope">通过scope.row.date,我们就可以读取到每一行中的date。案例2:另外关于scope.row,scope.$index案例总结:slot-scope="scope" //取到当前单元格scope.$index //拿到当前行的indexscope.原创 2021-03-04 14:45:37 · 10623 阅读 · 2 评论