vue
文章平均质量分 63
这都能重名?!
这个作者很懒,什么都没留下…
展开
-
vue2实现公式规则编辑校验弹窗功能
使用vue2+element-ui如何实现一个支持合法性校验的公式规则编辑弹窗组件原创 2023-06-25 14:57:07 · 842 阅读 · 0 评论 -
vue使用echarts中遇到的问题及解决方法
最近在做demo的过程中用到了echarts,在过程中也踩了好多坑,所以专门记录一下遇到的问题及解决方案。遇到的问题安装完echarts依赖后表格示例无法显示示例图标显示后格式异常再次进入业务事件后提示dom已加载并展示异常解决方案安装完echarts依赖后表格示例无法显示解决方案:这种问题一般会是两种情况:一是版本不对应的问题,npm install echarts --save默认的是最新的版本(5.1x),直接安装最新版本的echarts可能会出现上述问题,所以需要降低版本安装ech原创 2022-04-22 20:42:56 · 3211 阅读 · 0 评论 -
使用vxe-table实现复选框的各种勾选逻辑
1.trigger2.showHeader3.checkMethod4.setCheckboxRow原创 2022-03-24 19:57:53 · 7495 阅读 · 5 评论 -
实现滚轴一直跟随到底部
消息列表实现滚轴一直滚动到底部,实现能够看到最新消息// 1. 在div块中,定义ref,以便后续通过ref获取dom元素eg: <div ref="myBox" class="main-content">// 2. 在实现位置,如按钮、子组件等绑定方法。 myVideo是一个子组件eg: <myVideo @getDanmuMsg="getDanmu" />// 3. 在绑定的getDanmu()方法中写入如下代码(触发滚轴变化) // 始终让滚动条滚动到最底部原创 2022-03-17 11:46:33 · 349 阅读 · 0 评论 -
时间选择器实现精确到时分禁用多个时间段并能动态更新禁用时间段,超级详细(附完整代码及文件)
最近遇到了一个关于日期选择器动态禁用多个时间段的组件需求:需求描述:在可新增的动态表格中,新增一条数据,该数据中的开始日期和结束日期可选择范围由整个表格的每条数据的开始日期和结束日期决定,选择的时间段不能有重叠,开始日期和结束日期可为同一天,时间格式为yyyy-MM-dd。解决关键:需要用到element日期选择器组件的属性picker-options来处理需要禁用的时间段。 1. 首先搭建简单的vue页面,此时开始日期与结束日期选择器日期可以任意选择,表格1为初始的日期表格数据,表2为过滤掉错误数原创 2022-03-10 10:00:40 · 1619 阅读 · 1 评论 -
移动端解决输入框唤起键盘时将底部导航栏顶起问题总结
问题描述 vue基于vant框架开发移动端项目时,出现了这样一个问题:在手机上点击页面输入框时唤起手机自带键盘,结果底部固定的导航栏也被顶起,导致遮挡住页面部分内容解决办法 这篇文章给出了解决办法解决移动端软键盘弹起底部固定布局被顶上去问题和屏幕背景被压缩问题 我在本地模拟测试了此方法,是可以解决掉底部被顶起问题,但是在我的某一个项目中,此方法并不能完全解决底部导航栏被顶起问题。究其原因,是我的项目中存在tab标签页,并且底部导航栏是被封装为一个通用组件使用的,当键盘被唤起时需要在页面内使用动原创 2021-12-21 09:35:32 · 2855 阅读 · 0 评论 -
vue组件封装之封装一个移动端按钮组件
需求描述 场景:现有很多类表单,进入表单详情后需要使用按钮提供表单的相关审批操作,需封装一个通用的按钮组件以满足不同表单不同需求操作 原型图如下: 思路:既然是在移动端,那我们是需要用到vant移动端组件库了。首先我们需要在项目中引入vant,然后绘制出原型图中的页面,最后考虑将其封装为一个通用组件。步骤引入vant安装 npm install vant --save引入:1、 在main.js文件中引入// 全局引入import Vant from 'vant'Vue.use原创 2021-12-08 17:17:47 · 520 阅读 · 0 评论 -
vue生命周期之beforeCreate--获取data中的数据/methods中的方法
vue生命周期之beforeCreate原创 2021-12-07 15:44:07 · 8322 阅读 · 0 评论 -
父组件向子组件通信与子组件向父组件通信问题总结
子组件向父组件传值子组件this.$emit('updateData', this.updateFlag)父组件<child @updateData="parentFunc" />components: { child}parentFunc(val){ console.log(val)}父组件向子组件传值父组件<child :sendData="parentData" />子组件props: { sendDat原创 2021-08-26 17:24:40 · 114 阅读 · 1 评论 -
时间选择器timePicker实现根据当前选择日期(当天/非当天)禁用时间段
需求描述 最近在做有关element的时间选择器timePicker时,遇到这样一个需求:首先我需要的是选择时间段 格式为’HH:mm’,在它之前还有一个datePicker日期选择器。解决思路实现及成果展示原创 2021-08-16 23:55:31 · 7994 阅读 · 1 评论