vue
醉梦洛
后来,我总算学会了。。。
展开
-
判断vue数组中是否存在某个字符串
步骤:按照思路这样处理,无可厚非,肯定是可以的,那么这样肯定处理麻烦一点,所以这个时候就需要用到vue中特定的函数includes()了,它可以直接进行全数组数据进行筛选,再拿到这个值。思路:在已知数组中,嵌套着字符串数组,需要遍历整个字符串数组才能找到那个值。需求:得到后台数组,需要加一个特定字符串的校验。原创 2022-10-24 10:27:33 · 5874 阅读 · 1 评论 -
vue中el-calendar自定义日历控件
点击查询将变化的value传给calendar组件就可以实现日历动态变化,如果是单个数据可以直接赋值。如果是多个,需要循环遍历后,再把值赋给Calendar组件的value中。做一个维护节假日的功能,有背景颜色的就是维护上去的假节日。要有添加和删除节假日的操作,默认查询当年当月的节假日,也可以通过搜索年月去查询节假日。注此处有用到删除calendar组件自带上一月,今天,下一月的操作,需要再挂载的时候加入删除按钮的代码。注官方组件给出的属性介绍太少了,不能太满足需求,通过多次问度娘才能找到答案。...原创 2022-07-26 19:18:06 · 6510 阅读 · 0 评论 -
VUE中el-table-column列实现隐藏
场景: 在列表展示页面,就是想单独隐藏掉一列,并不是动态隐藏,所以比较简单,查了很多文章,都说在el-table-column中不能用v-show,用它是不起作用的,得用v-if,试了一下,很好使,特此做个笔记。功能实现:在上添加效果图:...原创 2022-07-14 15:05:36 · 30951 阅读 · 6 评论 -
VUE准备工作
1.了解vue简单历程,组成部分 Vue是一个构建数据驱动的web界面的渐进式框架,采用自底向上增量开发的设计。VUe.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件 Vue只关注视图层 Vue通过新的属性(自定义)和(表达式)扩展了HTML Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件 Vue学习起来非常简单2.简单实用vue,切入实践的一些准备工作<!DOCTYPE html>&...原创 2020-09-16 15:22:19 · 285 阅读 · 0 评论 -
Vue官网下载Vue.js和Vue.min.js
1.打开Vue官网https://vuejs.org/2.下载步骤①第一步②第二步③第三步④第四步,下载完成原创 2020-09-16 11:27:16 · 36004 阅读 · 0 评论 -
Vue页面的搜索条件中对时间范围是同一天日期的处理
产生背景:VUE列表界面常用的统计都会用到时间去过滤,项目中记录的时间为(年-月-日 时:分:秒)这种的,那么问题就是,如果搜索条件中的组件只是年月日,而没有时分秒。这种情况下,如果将开始时间和结束时间都输入为同一天的话,就不好弄了。所以下面提供两种方法来处理这种情况。一.第一种情况,简单粗暴1.直接改VUE组件①项目中用的组件是这种日期选择器:②修改后的组件为日期时间选择器由此,修改组件后,就会有当天的时间范围了,即2020-07-29 00:00:00 ~ 2020...原创 2020-07-29 17:48:50 · 1794 阅读 · 0 评论 -
vue中时间格式转化问题
1.效果图: 2.需求:前台展示一律用的时间规格:yyyy-MM-dd HH:mm:SS,即要求月日时分秒小于两位数的都要补0,这样显得整体化一。所以下面就是专门对月日时分秒小于10时做补0的处理,实际刚开始想到的就是直接挨个判断月日时分秒<10时,直接拼接0的想法,被同事打断了,这个方法太繁琐了。所以发现了以下简洁的方法,据说是es6中的函数用法,还没有去具体查询出处,先用着再说吧。接下来分析代码. 可以把它写在一个单独的js中,这样就可以写在公共方法里,大...原创 2020-05-23 15:46:10 · 21299 阅读 · 10 评论 -
vue报错:Error in event handler for click ,TypeError: Cannot read property ,resetFields, of undefine
1.报错截图2.报错出现的场景将新增和更新放在一个页面操作的时候就会出现这个问题3解决办法:原创 2020-05-23 14:56:29 · 22612 阅读 · 0 评论 -
vue中按钮操作完刷新页面
首先从子组件和父组件角度去写这个东西,简言之就是在父组件中实现这个刷新功能方法,然后在子组件中进行绑定并进行监听就好了啊1.父组件中实现①图示部分:个人建议这个作为父组件,肯定一般是放在列表中的,即把列表页面作为父组件的归属地②代码部分:method方法中部分refresh () { this.reload() }将reload进行注入inject: ['reload'],2.子组件绑定①子组件进行绑定在父组件中引用子组件页面的地方...原创 2020-05-21 18:31:41 · 5579 阅读 · 0 评论