![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
l去留无心
Nothing is given,everything is earned.
展开
-
ES6 数组去重及最大最小值获取
1.数组去重解决方案:使用了ES6新增的set数据解构的去重特性,然后在将生成的set对象转换成数组。<script type="text/javascript"> var arr = [1, 2, 3, 5, 1, 5, 7, 3];var newArray = Array.from( new Set(arr) );console.log(newArray)<...转载 2020-02-25 11:57:35 · 892 阅读 · 0 评论 -
Vue父组件与子组件之间实现数据传递
目录(1)通过调用子组件方法实现传参(2)使用props传递参数(1)通过调用子组件方法实现传参 父组件的方法中用 this.$refs.refName.getMethod 去调用子组件的getMethod方法。 父组件将参数params传入数据给子组件即this.$refs.refName.getMethod(params),子组件的getMeth...原创 2019-12-13 17:23:02 · 286 阅读 · 0 评论 -
ES6 字符串、数组、对象之间的转换
目录字符串转数组(push)数组转字符串(join(","))字符串转对象1)字符串作为对象的value2)字符串作为对象的key对象转数组对象属性操作1)添加属性2)对象合并Object.assign()3) 删除属性4)修改属性名4) 取对象属性值(可以用Object.keys方法)字符串转数组(push)let str1 = 'te...原创 2019-12-10 13:31:46 · 12403 阅读 · 0 评论 -
vue中v-if与v-show的区别以及使用场景
区别1.手段:v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示,none为隐藏; 2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换; 3.编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时...转载 2019-11-27 08:57:52 · 189 阅读 · 0 评论 -
vue实现tab切换和滚动锚点导航
tab切换<template> <div> <div style="padding:15px;"> <div class="tabs-base"> <lzy-tabs size="large" @tabclick="tabChangeHander"> <lz...原创 2020-07-14 16:41:06 · 4820 阅读 · 0 评论 -
用vue 编写一个日历组件
一个日历有的是42天有的是35天,原因是6行或7行,7行展示的就比较全面;42天的优点是能全部展示出上个月,当前月以及下个月,缺点是上个月和下个月占比较多,有些冗余,如果是35天看起来就会比较精简,但有的月份就不能全部展示出来还是需要42天,这个也无伤大雅,我们就以42天为例。首先我们需要看当前月的第一天是周几,5月的1号就是周三,那么就用42 - 2(这里注意如果是周日在第一个就是42 - ...转载 2019-11-26 16:56:18 · 1677 阅读 · 0 评论 -
vue中render函数使用
需要在创建时间内提示 “催办”然而加载数据是直接通过table组件的 <div style="width:98%;padding-top:1.6rem;"> <lzy-table :columns="columns" :data="info.data.records" /> </...原创 2019-12-10 08:28:08 · 1790 阅读 · 0 评论 -
关于vue中tab切换时Echarts在第二个页面无法正常显示
今日在做在某个模块中使用了tab切换来展示不同的数据呈现,结果就出现了问题,第一个页面可以展示,但是在第二个以及之后的页面就不能展示了,经过搜集资料找到的原因: 在页面进行加载时,隐藏的图表找不到对应的div大小,所以默认给了一个大小。所以要做的就是在页面加载时,就对图表进行初始化解决方法1:如果说对自适应要求不高,可给父元素设置固定的width 和heigh...原创 2019-11-25 17:12:22 · 1983 阅读 · 0 评论 -
vue父组件使用子组件函数,vue子组件使用父组件函数
目录(1)vue中父组件调用子组件函数(2)vue中子组件调用父组件函数(1)vue中父组件调用子组件函数用法: 子组件上定义ref="refName", 父组件的方法中用 this.$refs.refName.getMethod 去调用子组件的getMethod方法详解: 父组件里面调用子组件的函数,父组件先把函数/方法以属性形式传给子组件;那么就需要先找到子组件对象 ...转载 2019-11-04 09:58:57 · 1380 阅读 · 0 评论