vue
qsya
树叶的一生 只是为了归根吗
展开
-
Element表格拖拽排序
» 介绍使用 SortableJS 插件实现表格拖拽排序功能。SortableJS 基于原生html5拖放API,支持触屏和大部分浏览器。效果图:1.安装npm install sortablejs --save2.引入import Sortable from 'sortablejs'3.表格设置 row-key 和 ref<el-table :data="tableList" border row-key="id" ref="dragTable">4.初始化 m原创 2021-09-17 11:26:22 · 662 阅读 · 0 评论 -
Element表格设置fixed后popover弹出窗图表无法显示
场景:element表格点击操作列,弹出窗显示图表信息。分析:echarts图表一般定义一个div,然后通过id初始化,渲染图表数据。我们可以通过一个currentId元素控制dom的唯一。 //dom <el-table-column label="操作"> <template slot-scope="scope"> <el-popover placement="left" :width="原创 2021-07-13 18:32:26 · 1174 阅读 · 0 评论 -
Vue滚动到指定位置的多种方式
需求:当容器有滚动条时,有时需要将指定的内容自动滚动到可视区域。方法一:锚点锚点通过在元素上设置id,然后用a标签的href="#id"属性跳转到指定位置。也可以通过js中 window.location.hash= ‘#id’ 或 window.location.href = ‘#id’ 来跳转。 //dom <a href="#li50">跳到50</a> <ul class="ul" id="ul"> <li v-for原创 2021-07-13 11:37:39 · 41761 阅读 · 5 评论 -
Element上传组件监听fileList导致图片闪烁
学习目标:提示:这里可以添加学习目标例如:一周掌握 Java 入门知识学习内容:提示:这里可以添加要学的内容例如:1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间:提示:这里可以添加计划学习的时间例如:1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出:提示:这里统计学习计划的总量例如:1、 技术笔记 2 遍2、CSDN 技术博客 3 篇原创 2021-07-12 18:05:49 · 1417 阅读 · 0 评论 -
Element日期选择器带快捷选项切换日期类型
需求:如图,日期选择器弹出框快捷选项切换日期类型,高亮显示。思路:两种类型的日期弹窗点击快捷选项切换显示,通过ref控制弹出关闭handleClose()和聚焦显示focus()。实现代码:dom: <el-form-item label="日期:"> <el-date-picker key="date" ref="date" size="mini" v-model="time" @focus="focus" v-if="timeType=='d原创 2021-07-12 14:13:27 · 1191 阅读 · 0 评论 -
鼠标点击展示心形或文字效果
前言浏览大佬博客时经常看到鼠标点击有个心形或者有个提示文字的展示效果,在自己的网站上也整一下。心形效果:文字提示效果:心形js如下(转自https://blog.csdn.net/qq_37103514/article/details/82981598)!function(e, t, a) { function r() { for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.remove原创 2020-10-12 23:10:14 · 624 阅读 · 2 评论 -
vue使用js-audio-recorder实现录音功能
vue使用js-audio-recorder实现录音功能前言1.安装2.引用3.页面4.方法5.播放总结前言最近项目中需要实现一个录音上传功能,用于考试、作业中,学生可以上传朗读课文的录音,安排。效果图1.安装npm i js-audio-recorder2.引用import Recorder from 'js-audio-recorder'this.recorder = new Recorder()3.页面 <!-- 录音上传 --> <Moda原创 2020-09-02 00:16:58 · 16389 阅读 · 52 评论