Vue
文章平均质量分 77
菜菜的tommy
努力努力
展开
-
echarts 4升5版本踩坑记录,优化记录,地图渲染
原文是用wolai写的,这边直接复制的,图片因为防盗无法显示,如果有需要的话,建议看原文原文:原文对echart不太熟悉或不清楚图表内元素所对应的名称的话,可以在官方中找到下面的页面,点击图表内的元素可以快速访问其文档https://echarts.apache.org/zh/cheat-sheet.html[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-h1Ewe0ZG-1641263942662)(https://secure2.wostatic.cn/stat.原创 2022-01-04 10:41:41 · 3563 阅读 · 0 评论 -
【quill-editor】vue中使用vue-quill-editor自定义字体大小、自定义样式、自定义计数器、设置动态可编辑
自定义字体大小先引入 Quill,然后手写样式import Quill from 'quill' // 需要引入quill才可以设置自定义字体大小import VueQuillEditor from 'vue-quill-editor'import './style/font-size.css' // 需要自己手写的css,对应下面的字号const Size = Quill.import('attributors/style/size') Size.whitelist = ['12px', '原创 2021-09-27 15:13:13 · 1685 阅读 · 0 评论 -
js vue 使用 map和computed巧妙设计可选列表和已选列表的联动
需求说明:当已选列表中存在了可选列表的选项,则在可选列表中做出标记使用map和computed的巧妙写法otherFiledList是已选数据,fieldList是可选数据。已选数据是可选数据构成的<div v-for="(item,index) in fieldList" :key="index" @click.native="fieldSelect(item, selectMap[item.name])"> ... <i v-show="selectMap[item.n原创 2020-08-07 09:36:37 · 928 阅读 · 0 评论 -
vue 关于element el-dialog dialogShow的使用心得
从前在写父组件控制子组件内弹窗的dialogShow的时候,基本上会在子组件内用watch去监听props传来的dialogShow,然后在子组件内设置新的标识,再去更新该标识。在子组件内改变dialogShow的时候,再去$emit去改变父组件内dialogShow的值。真的是写的很复杂,代码冗余,一个小操作写这么多代码。后面学到了下面这种写法。想要在父组件内控制子组件dialog的显示,可在组件上绑定一个显示属性例如:dialogShow.sync="displayShow"子组件内其实只需要p.原创 2020-08-05 16:38:45 · 3705 阅读 · 0 评论 -
vue实现倒计时
主要思路为:将结束时间与获取当前时间做差,再通过转换时间戳为时间,使用$set修改data中的time。并添加一些结束条件和触发条件。data(){ return{ timeOver: false, // 倒计时结束标识 endTime: '2020-05-08 23:29:29', // 结束时间 time: {} }},created(){ let ...原创 2020-05-08 17:30:34 · 898 阅读 · 0 评论 -
Vue使用js实现时间格式化 filters过滤器
time | dataFormat('yyyy.MM.dd hh:mm:ss')时间的格式化过滤器 filters: { dataFormat (value, fmt) { let getDate = new Date(value) let o = { 'M+': getDate.getMonth() + 1, 'd+': ge...原创 2019-12-20 14:47:04 · 600 阅读 · 0 评论 -
echarts 绘制宽度width100%时,加载页面图形超出屏幕的解决办法
问题修改前:设置了宽度100%,但是会超出屏幕 解决办法因为绘制时会获取父级大小填写宽度, 使用setTimeoutdrawLine是绘制折线图的方法原创 2019-11-08 11:25:02 · 4053 阅读 · 1 评论 -
antd table表格删除末页数据,跳回上一页
当删除第二页的最后一条数据后,自动获取第一页公共方法export function calcPageNo (total, pageNo = 1, pageSize = 10, delNum = 1) { const restNum = total - pageSize * (pageNo - 1) let pageNoDiff = Math.floor((delNum - restNu...原创 2019-11-07 14:45:14 · 2846 阅读 · 0 评论 -
moment.js 搜索栏获取最近一周,一个月,三个月,半年,一年时间
统计时间 label: '统计时间', name: 'countTime', type: 'select', data: [ { value: '0', text: '最近一周' }, { value: '1', ...原创 2019-11-06 13:48:01 · 12856 阅读 · 0 评论 -
sessionStorage 应用在项目需求中和注意事项
用法保存数据语法: sessionStorage.setItem("key", "value");读取数据语法:var lastname = sessionStorage.getItem("key");删除指定键的数据语法:sessionStorage.removeItem("key");删除所有数据:sessionStorage.clear();项目需...原创 2019-09-23 09:58:27 · 185 阅读 · 0 评论 -
Vue antd-select的placheholder在form中失效
发现的问题在修改问题单的时候发现这个地方的placheholder没有出现分析和解决办法后来我发现其实并不是失效。而是initialValue的原因。这个使用了模板字符串做三元运算,最后的输入框里其实是空的字符串解决的办法就是去掉模板字符串的格式,然后将空字符变成undefined就可以了...原创 2019-09-11 13:42:17 · 208 阅读 · 0 评论 -
antd中form表单的正则校验
以下面input为例<a-input v-decorator="[ 'input', { rules: [ { max: 50, message: '不超过50位,请正确输入' } { pattern: '^[a-zA-Z0-9]*$', messa...原创 2019-09-09 13:55:52 · 6701 阅读 · 0 评论 -
Vue的antd多选下拉框增加全选操作
因为antd的多选下拉框没有提供全选操作,我做了一个简易的全选操作data(){ return{ categoryList, // 存放获取到的分选数据 category: [], // 已选分类数据 }}<a-select placeholder="请选择类别" showSearch v-model="category" :maxTagCount="...原创 2019-08-01 17:48:45 · 7499 阅读 · 2 评论 -
vue+element-ui+moment 表格中的时间格式化
在element-ui的表格中使用moment.js遇到的问题!因为我的数据库中的时间格式是这个样子的我希望这个看起来好看一些,所有要使用moment.js来对时间进行格式化。但是elemnt-ui的表格中对数据渲染是这样的:我首先想到的思路就是,写一个方法,在表格渲染数据之前,通过moment.js对date进行一下格式化,再填入表格。但是。。。。怎么实现啊?原创 2019-06-20 13:37:00 · 4406 阅读 · 1 评论