vue
Kyulin151020
这个作者很懒,什么都没留下…
展开
-
js中 new Date()和Date.now()的区别
new Date() :new Date()是创建Date对象:var nowDate = new Date()console.log('nowDate:', nowDate);打印输出:Date.now():Date.now()是javascript中的内置函数,它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。因为now()是Date对象的静态方法,所以它将始终用作date.now()。var end = Date.now()console.lo原创 2022-02-23 17:58:28 · 4170 阅读 · 0 评论 -
vue element 使用el-dialog实现放大 缩小功能
环境:vue:2.5.16 element-ui:2.3.4效果图:缩小后的样子:放大后的样子问题:el-dialog本身只支持标题栏右上角有关闭按钮,故需要使用slot="title" 重写覆盖原本的标题栏。除了这个查询了下官方API文档,其他都是简单的逻辑代码而已。组件代码:<template> <div class="big-and-small-view"> <el-dialog class="D.原创 2021-04-29 16:49:42 · 8344 阅读 · 0 评论 -
vue element 组件内部实现弹窗拖拽(仅当前组件生效)
环境:vue:2.5.16 element-ui:2.3.4组件代码:<template> <!-- 使用v-dialog-drag给组件header添加可拖拽指令 --> <el-dialog v-dialog-drag> </el-dialog></template><script>export default { directives: { dialogD.原创 2021-04-29 15:55:34 · 310 阅读 · 0 评论 -
vue element 修改table expand展开行的图标以及动效
原本的展开行效果:来源于element官网 组件目标的展开行效果:未展开时候为加号+边框,展开过程无动效,展开后是减号+边框实现效果代码: /*修改展开按钮的样式 start*/ /*1.取消原本展开的旋转动效*/ el-table__expand-icon{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } /*2.展开按钮未点击的...原创 2021-02-26 17:13:20 · 5830 阅读 · 2 评论 -
vue element-ui 在el-tabs组件 最右侧添加按钮
需求:需要在tabs页签切换栏的最右边添加一个按钮。如图:实现方案:使用CSS来实现,css原理解释:1.如果div的position设置了relative属性,但是没有指定偏移量,则相当于默认的position:static;2.position:static 默认值,没有定位,元素出现在正常的流中;3.position:absolute 绝对定位 相对于定位方式不是static的第一个父元素进行定位(往上寻找参照元素,一直到根元素为止,即body);代码如下:<原创 2021-02-22 14:59:36 · 21237 阅读 · 9 评论 -
vue element 修改el-select控件的长度 style=“width:XXpx“不生效的问题
问题:想要修改一个代码如下,里面的select的长度,然后单纯地通过设置style="width:200px"发现不生效,实际控件可触控区域以及占据区域确实变长了,但是视觉上没有变化。<template> <div class="workreport-tallyorg"> <div style="margin-left:20px"> <span>审批状态</span>...原创 2021-02-19 16:37:22 · 13684 阅读 · 0 评论