![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 63
木木芳草
这个作者很懒,什么都没留下…
展开
-
把echarts导出成pdf
1.先导出图片2.把图片变成pdf,3.下载PDF编码为:应引入import echarts from ‘echarts’import jsPDF from ‘jspdf’其中echarts的id是echartsIdconvertCanvasToImage() { //下载为pdf var myChart = echarts.getInstanceByDom( document.getElementById('echartsId')原创 2020-12-14 14:38:27 · 1917 阅读 · 0 评论 -
npm install时报错
1.Vue报错-syscall rename解决办法:npm install npm@6 -g2.node-sass报错:(1)node-sass的v4.14.1下载不下来cnpm install node-sass@4.14.1 --save(2)Node Sass version 5.0.0 is incompatible with^4.0.0原因:node-sass最新版本是5.0.0,而sass-loader期望是v4。解决方案:npm uninstall node-sassc原创 2020-12-11 15:00:34 · 177 阅读 · 0 评论 -
vue下直接用format方法(解决ios时new Date(“yyyy-MM-dd”)问题)
在main.js中Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, //month "d+": this.getDate(), //day "h+": this.getHours(), //hour "m+": this.getMinutes(), //minute "s+": this.getSeconds(), //second "q+":原创 2020-10-26 17:50:23 · 3523 阅读 · 0 评论 -
textarea去掉滚动条
<el-input type="textarea" autosize class="modify-ui" readonly ref='userInfo' v-model="noticeList"> </el-input>mounted方法中: this.$nextTick(() => {//滚动条显示问题原创 2020-09-30 16:18:08 · 3397 阅读 · 0 评论 -
ios控制input只能输入数字,连续切换英文输入法会呈现删除状态
限制input只能输入数字:问题:用ios自带的原生键盘2.在输入时选择9宫格的键盘输入连续的点击按键会删除原来的数字解决方法:在input中加pattern="[0-9]"ios下直接调用数字键盘/原创 2020-09-30 16:03:40 · 612 阅读 · 0 评论 -
ios手机中输入框直接切换时,闪屏导致input被遮挡
当页面多个输入框,直接从一个输入框点击另一个输入框时,页面会闪动,且input会被键盘遮挡。解决方案var isIos=this.isIos();if(isIos){FastClick.attach(document.getElementById(“appointment”));//取消苹果手机延迟click事件document.body.addEventListener(‘focusin’, (event) => {this.KaTeX parse error: Expected 'EO原创 2020-09-30 15:58:56 · 508 阅读 · 0 评论 -
FastClick(解决ios中click的延迟300s问题)
解决了input中的清空按钮失效(由于键盘弹起导致的按钮失效)1.npm install fastclick2. import FastClick from ‘fastclick’3. 在页面中引用1用在body上:FastClick.attach(document.body)2.用在某个元素上 FastClick.attach(document.getElementById(“appointment”));//取消苹果手机延迟click事件fastClick会导致隐藏的input的点原创 2020-09-30 15:53:57 · 242 阅读 · 0 评论 -
el-table在有些电脑上显示问题(表头与表体不对齐gutter列导致得)
el-table在个别电脑上得表头与表体不对齐(是因为没有滚动条时表头得gutter列得width为17px引起得)其中gutterHidden初始默认为false<el-table :class="{'gutter-th':gutterHidden}" :data="tableData" style="width:100%;" :default-sort = "{prop: 'startTime', order: 'ascending'}"原创 2020-08-05 14:45:01 · 5554 阅读 · 1 评论 -
vue项目打包后在IE浏览器上网页得小图标不对
在vue.config.js中得module.exports中加入以下代码 pwa: { iconPaths: { favicon32: 'favicon.ico', favicon16: 'favicon.ico', appleTouchIcon: 'favicon.ico', maskIcon: 'favicon.ico', msTileImage: 'favicon.ico' } }在assetes文件夹下加个fav原创 2020-07-31 10:05:04 · 248 阅读 · 0 评论 -
替换window.open
在请求中使用window.open(url)会被浏览器阻止,还得手动点击允许。下面的方法可以解决这一问题 <a href="" id="alink" ref="alink" target="_blank" style="display:none">预览文件</a> document.getElementById("alink").setAttribute('href',url) document.getElementById("alink").click();原创 2020-07-24 16:26:59 · 1563 阅读 · 0 评论 -
输入334格式
在input事件中: if (valueLen > 3 && valueLen < 7) {//334格式 e.target.value = `${e.target.value.substr(0, 3)} ${e.target.value.substr(3)}`; } else if (valueLen >= 7) { e.target原创 2020-07-15 16:21:02 · 228 阅读 · 0 评论 -
background中的rgba的写法与opacity分开写法
background中的rgba的写法与opacity分开写法,他们两种效果是不同的,//如果是想写遮罩层,用rgba写法。 background:rgba(0,0,0,0.7);//opacity的写法会导致底下的文字显示在遮罩层的上面(bug) background: $black; opacity: 0.7...原创 2020-07-14 17:06:48 · 1017 阅读 · 0 评论 -
el-table给某一行加title,图片hover的替换
其中操作按钮上的 @click.stop 是阻止点击该按钮时,导致触发rowClick事件。<el-table :data="tableData" class="vo-ui madify-ui" style="width: 100%" @selection-change="handleSelectionChange" @row-click="rowClick" ref="fileT原创 2020-07-13 16:19:44 · 1755 阅读 · 0 评论 -
request.js,根据不同的接口请求时间的限制不同
有的下载文件较大,如果时间限制太小,接口会没走完。故把timeout设置成null。import axios from 'axios'import { Message } from 'element-ui'import store from '../store'// create an axios instanceconst service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // url = base url +原创 2020-07-13 15:35:34 · 743 阅读 · 0 评论 -
el-table横向滚动时表头与内容串位问题
这里写自定义目录标题新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入el-table横向滚动时表头与内容串位问...原创 2020-05-08 17:17:21 · 1874 阅读 · 0 评论