- 博客(23)
- 收藏
- 关注
原创 堆叠柱状图
<template> <div class=""> <div id="myCharts" ref="myCharts" :style="{ height: '600px' }"></div> </div></template><script>export default { components: {}, data() { return {}; }, methods: {},
2021-04-28 16:55:42 160
原创 富文本 vue-quill-editor
支持自定义上传视频,字体中文quillEditor.vue<template> <div> <el-row v-loading="quillUpdateImgOrVideo"> <div class="edit_container"> <quill-editor :disabled="isDisabled" v-model="dataForm.messageContent
2021-04-27 18:30:40 180
原创 基于elementui的年月日周时间控件
组件<template> <div class="component_search_form_date clearfix"> <el-radio-group v-model="curType" :size="moduleSize" style="float: left;" @change="radioChange"> <el-radio-button v-for="item in showBtnList" :key="item.value" :labe
2021-04-27 18:16:22 862
原创 vue+elementui 表单验证封装
el-form-item.jsfunction getPropByPath(obj, path, strict) { let tempObj = obj path = path.replace(/\[(\w+)\]/g, '.$1') path = path.replace(/^\./, '') let keyArr = path.split('.') let i = 0 for (let len = keyArr.length; i < len - 1; ++i) {
2020-07-21 15:32:42 470
原创 input type=“file“的accept总结
后缀accept.xmltext/xml, application/xml Extensible Markup Language.jstext/javascript, application/javascript JavaScript.jsonapplication/json JavaScript Object Notation.pdfapplication/pdf Portable Document Format.rtfapplication...
2020-07-21 15:07:27 542
原创 vue 父子组件通信,支持自定义参数
<user-select placeholder="请选择收款人" v-model="item.userName" @selected="userSelectedHandle(index,arguments)"> </user-select>userSelectedHandle(index, data) { this.detailForm.payInfo[index].bank = data[0].bank this.detail
2020-07-21 14:58:42 90
原创 elementui 时间日期选择器限制支持传参
<div class="item spec" v-else> <div style="text-align: center;font-weight: 600; margin-top: 20px;"> 出发 </div> <el-form-item label="出发时间:" :verify="['NotNull']" :prop="'travelInfos.' + index + '.evectionInfo[0
2020-07-21 14:56:08 1396
原创 elementui 级联选择器 slot方式
<el-cascader :disabled="isView" :options="businessMission" :show-all-levels="false" v-model="item.selection" :props="defaultData" @change="val => {missionchangeHandle(val, index);}"> <template slot-scope="{node,d
2020-07-21 14:54:00 995
原创 elementui change事件传参
<el-date-picker v-model="item.evectionInfo[0].startTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" @change="val => {subsidyCount(val, index);}" :picker-options="pickerOptions0(index,0)"> </el-date-picker&
2020-07-21 14:51:12 296
转载 vue+elementui 实现table懒加载
实现原理: 判断表格滚动条是否滚动到底部scrollHeight: 元素的高度即表格内容的高度scrollTop: 元素滚动出去的高度clientHeight: 元素可视区域的高度当scrollTop + clientHeight = scrollHeight 时,滚动条滚动到底部自定义指令 ----- 可以写在main.js中,或者单独写js文件再使用Vue.use('文件名')注册Vue.directive('loadmore', { bind(el, binding) { .
2020-07-21 14:49:28 1991 2
转载 table 斜线表头
实现原理:去掉第一个单元格的下边框第一列第一个和第二个单元格的伪元素设置绝对定位, 宽度1px,高度视情况而定通过旋转两个单元格的伪元素,设置旋转起点,使两个伪元素重合,达到斜线的效果<el-table :data="tableData3" style="width: 100%"> <el-table-column label="医疗机构" align="right" width="150"> &l
2020-07-21 14:44:21 554
原创 HTML生成PDF并下载
htmlToPdf.js用法: downPdf(‘打印文件名’)import html2Canvas from "html2canvas";import jsPDF from "jspdf";export const downPdf = (title) => { var target = document.getElementById("print"); html2Canvas(target, { imageTimeout: 0, scale: 2.5 })
2020-07-21 14:40:22 308
原创 文件下载处理二进制流
exportRisk() { this.$http({ method: "get", responseType: "arraybuffer", url: exportRisk }) .then(res => { //调用下载方法,把后端传过来的流传给fileDownload方法 this.fileDownload(res.data); }) .catch(erro
2020-07-21 14:37:58 118
原创 打印并实现分页
print.js// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if ((typeof dom) ===
2020-07-21 14:36:48 750
原创 背景镭射线条酷炫
backgroud.vue用法: 将封装的组件引入父组件即可<template> <div style="width: 100%;height: 100%;position: absolute;"> <div class="plp-bg" id="plp-bg" style="width: 100%;height: 100%;"> <!--<canvas style="width: 1426px; height: 167px;" w
2020-07-21 14:33:05 178
原创 解决浏览器记住密码情况下,表单的账号和密码会默认回显的问题
<el-form-item label="密码:" prop="password" :verify="['Length>6','Length<12']"> <input type="text" class="hidden" /> <input type="password" class="hidden" /> <el-input v-model="detailForm.password" autocompl
2020-07-21 14:27:57 763
原创 css 打印分页设置
page-break-after在元素之后始终进行分页的分页行为@media print { table { page-break-after: always; }}兼容性: 所有浏览器兼容值描述auto默认值,如果必要就在元素后插入分页符always在元素后插入分页符avoid避免在元素后插入分页符left在元素之后插入足够的分页符,直到有一张空白的左页right在元素之后插入足够的分页符,直到有一张空白的右页pag.
2020-07-21 14:24:09 365
原创 echarts饼图点击区块事件
<template> <div class=""> <div id="myCharts" ref="myCharts" :style="{ height: '600px' }"></div> </div></template><script>export default { components: {}, data() { return { }; }, m
2020-07-21 13:58:06 3462
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人