- 博客(31)
- 收藏
- 关注
原创 FullCalendar 日历查看已添加事件
<template> <div style="position: relative"> <div class="color-box"> <div class="unplay-box"> <span></span> <b>未开始</b> </div> <div class="warin-box"> .
2022-04-11 17:21:29 321
原创 vue-json-excel 从后台获取数据生成excel
官网提供的fetch方法,我这边试用过,发现想要导出,必须点击两次!各种百度之后,发现有两种方法1.换插件;2.点击请求后台返回成功自动触发导出点击事件;watch监听导出数据变化,满足条件,等几毫秒再调用。...
2022-07-29 15:04:52 644
原创 表单重置后,日期段初始选择时间为1970年
由于表格初始化后,表单日期段值为[],值格式不符合yyyy-MM-dd,初始时间会显示为1970年我这边是手动再给时间段复制为null,就可以了
2022-07-11 14:02:59 324
原创 动态生成表单,修改输入框值页面无效验证不通过(父子传值)(后端返回表单结构,前端动态生成表单)
后端返回表单结构,前端动态生成表单,修改输入框值页面不显示改变,验证不通过(父子传值)
2022-07-01 10:42:46 339
原创 查看日历看板
<template> <div style="position: relative"> <div class="color-box"> <div class="unplay-box"> <span></span> <b>未开始</b> </div> <div class="warin-box"> .
2022-04-13 15:00:22 312
原创 vue-登录,注册,忘记密码
<template> <div class="crmLogin"> <div class="top-box"> <img src="@/assets/login/logo.png"/> </div> <div class="mid-box"> <div v-show="flag == 0" class="login_cont"> <div class.
2022-04-12 17:35:09 1639
原创 vue-上传附件
<template> <div class="upload-file"> <!-- multiple 多选文件,有部分文件会丢失 --> <el-upload v-show="isDel" :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="fileList" :limit="limit" .
2022-04-12 09:29:38 1243
原创 上传 多选文件,有部分文件会丢失
<template> <div class="upload-file"> <!-- multiple 多选文件,有部分文件会丢失 --> <el-upload v-show="isDel" :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="modelValue" :limit="limit".
2022-04-12 09:28:26 633
原创 FullCalendar 日历点击、拖拽添加事件
<template> <div> <FullCalendar ref="fullCalendar" class='demo-app-calendar' :options='type=="check"?calendarOptionsCheck:calendarOptions'> <template v-slot:eventContent='arg'> <el-tooltip class="b.
2022-04-11 17:16:57 2470 2
原创 Fullcalendar 增加事件和删除事件,日历切换
let calendarApi = this.$refs['fullCalendar'].getApi()let calendarFunc = calendarApi.view.calendarlet getEvents = calendarFunc.getEvents() //获取数据if(getEvents && getEvents.length>0){ //循环删除数据(通过ID) getEvents.map(item=>{ calend.
2022-04-02 11:47:34 1913
原创 FullCalendar vue
<template> <div class="app"> <div id='calendar' ref="calendar"></div> <FullCalendar class='demo-app-calendar' :options='calendarOptions' > <template v-slot:eventContent='arg'> .
2022-03-25 16:18:27 1651
原创 h5页面背景图在移动端不显示
a{background: url('../img/bg.png') repeat-y ;background-size: 100%;width: 100vw}在移动端页面过长不显示背景图修改方法a{background: url('../img/bg.png');background-repeat: repeat;background-size: 100% 100%;width: 100vw}...
2021-06-25 10:08:30 920
原创 vant uploader 支持图片或视频上传
<van-uploader v-model="fileList" preview-size="calc(28.7vw)" :max-count="9" accept="*" max-size="300 * 1024" preview-full-image :after-read="afterRead" @oversize="oversize"> <template #preview-cover="{ file }".
2021-06-19 16:14:09 4330
原创 2021-04-07
数组every()返回布尔值,检测数组所有元素 `是否都` 满足条件some()返回布尔值,检测数组所有元素 `是否有` 满足条件元素filter() 返回满足条件的数组findIndex() 返回满足条件的子元素的indexincludes() 判断字符串是否包含指定的字符串,返回布尔值indexOf()返回字符串首次出现位置...
2021-04-07 16:01:59 46
原创 grid表格
修改表行标题:(headerTemplate){ field: "threeStar", title: '3', width: 80, headerTemplate: '3 <i class="fa fa-star" aria-hidden="true"></i>'}效果:表格一级标题{ title:'1', columns:[{ f
2017-06-08 14:15:49 980
原创 绘制多边形
绘制多边形: function drawPath(x, y, n, r){ var i,ang; ang = Math.PI*2/n //旋转的角度 context.save();//保存状态 context.fillStyle ='rgba(255,0,0,.1)';//填充红色,半透明 context.strokeStyle ='pink';//填充绿
2017-04-17 15:25:42 296
原创 二维码生成(图片居中)
二维码生成,logo居中: $(document).ready(function() { $("#qrcodeCanvas").qrcode({ render : "canvas", //设置渲染方式,有table和canvas,使用canvas方式渲染性能相对来说比较好 text : "<span style="fon
2017-04-17 15:24:36 5898
原创 多行文本溢出显示省略号:
多行文本溢出显示省略号:(2行) overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
2017-04-17 15:23:26 343
原创 grid
`dataSource.data();`读取表格中的数据`dataSource.read();`通过远程控制将新增数据存储到表格并展示`dataSource.add();`放置json,向数组添加内容至尾部编辑行:`editRow`编辑并保存行 `grid.addRow();grid.saveChanges();`日期格式显示 年/月<div class="col-md-4">
2017-04-17 15:22:18 385
原创 vue 数据传递
声明渲染目标(容器)var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }, methods:{ .... } })递归组件Vue.component('unique-name-of-my-component', { props:[' '],
2017-04-17 15:08:42 543
翻译 fusionCharts参数的详细说明
fusionCharts参数的详细说明按图标类型3D饼图属性(Pie3D.swf ) animation 是否显示加载图表时的动画 palette 内置的图表样式,共5个 paletteColors 自定义图表元素颜色(为多个,如过过少会重复) showAboutMenuItem 右键是否显示”关于FusionCharts” aboutMenuItemLabel 右键关于自定义文
2017-03-07 10:35:37 398
原创 localStorage,sessionStorage
localStorage存储数组**stringify:用于从对象中解析出字符串 parse:从字符串中解析出json对象;**var arr=["xutao","xutao"]; localStorage.setItem("arr",JSON.stringify(arr)) var str4=JSON.parse(localStorage.getItem("arr")) console.l
2016-12-19 21:00:55 484
原创 MVC与MVVM
MVC:Model View Controller Model:数据模式View:视图层 用于展示Controller :业务逻辑与控制逻辑时间:起源于1979年 由Trygve Reenskaug提出 为什么23中设计模式里没有MVC?它其实是其它三个经典的设计模式的演变:观察者模式(Observer)(Pub/Sub), 策
2016-12-19 17:35:59 437
原创 MVC
mvc:被动型式的,也就是说,只有view有要求的时候,控制器才有反应View Controller Model view:可以把一个页面看作是由多个view组成Controller控制器:将页面中的属性与方法提取出来,形成控制器。Model:可以看做一个数据源,后台数据连接(与数据库中的数据进行连接)三者关系:View与Controller,一一对应。 Controller与Model,一
2016-12-19 17:31:08 158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人