木木芳草-CSDN博客

原创 vscode中eslint失效（ESlint is not running）

最终的解决办法：重新clone一份新代码，在vscode打开新的代码，npm install。在根目录下的.vscode下的settings.json中加入如下代码可以解决1，2不行。列如：代码前多空格。1.格式错误不报红，列如：代码前多空格。......

2022-08-04 16:42:14 7361 1

原创 css中position:fixed的一些影响问题

1.当页面底部有个固定button，且给其固定min-width，当屏幕宽度小于min-width时不会出现横向滚动解决办法：就是给这个固定button外面加个div，其class为buttonBox,并且把原button的class（.fixedBtn）中的position：fixed删除。2.当页面底部有个固定button，且给其固定min-width，当屏幕宽度小于min-width时不会出现横向滚动，这时如果在position：fixed层加display：flex;有可能会导致，固定的butt

2022-06-10 15:56:52 836

原创 svg被引用时莫名高度多了4px

解决办法：法1.给svg的外标签加个display：flex法2.给svg的外标签加height：svg的高度，display：flex

2022-03-25 18:09:25 425

原创 https://ng.ant.design/组件的坑

1.table1.1 如果不给table的th加nzWidth，放大缩小浏览器窗口时，列的宽度回不到原始的样式，会保留放大时的px。解决办法：在th中加nzWidth的百分比形式。<th nzWidth="25%">2.2 虚拟滚动：2.2.1.滚动到最下边时，有可能加载不到最后几条的数据（未解决）2.2.2. 滚动到指定行，在IE中会报错scrollTo未定义。滚动到最后一条数据时，数据显示一半，滚动条没有达到最低端。2.select其中的select 多选时在IE中会报错

2021-08-27 11:25:37 406

原创 ant组件中modal的居中显示

注：该组件本身自带的居中显示：当缩小窗口，其宽度比modal小的时候会掉下去，上面留有一段空白，是因为before的高度问题引起列：this.modalService.create({ nzContent: ModalTellDetailComponent, nzWrapClassName: 'centerModal', nzFooter: null, nzMaskClosable: false, nzC

2021-08-26 16:42:25 8830

原创使小图标的位置位于文本的右中间处

<p class="pClass">dataTest111111111111 <span class="iconClass" > </span> </p>注：如果在pClass中使用width：fit-content，可以去掉float：left，但在IE浏览器中不能使用fit-content。.pClass{ position: relative; float: left; padding-right: 25px; overf

2021-08-25 18:37:54 117

原创 el-select的多选加检索中的bug(IE下)

由于display:contents在IE下不好用,导致当多选的数据超出一行时就会检索单独占用一行.解决办法就是去掉这个span。

2021-08-09 16:57:44 312 3

原创外部按钮下载echarts图片

在按钮中直接这么调用就行this.getImage（‘png’）//或则jpeg。 getImage(imgType) { var myChart = echarts.getInstanceByDom( document.getElementById('echartsId') ) var url = myChart.getConnectedDataURL({ pixelRatio: 2, //导出的图片分辨率比率,默

2020-12-14 14:56:20 666 1

原创把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 1871

原创 npm install时报错

1.Vue报错-syscall rename解决办法：npm install npm@6 -g2.node-sass报错：(1)node-sass的v4.14.1下载不下来cnpm install [email protected] --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 168

原创 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 3477

原创 vux的轮播图

<div class="first-header-class"> <swiper height="150px" dots-position="center" :loop="true" :auto="true" :show-dots="false"> <swiper-item v-for="(item,index) in swiperList" :key="index" > <img :src=.

2020-10-26 16:02:50 412

原创 el-select在ios中需要双击才会选中的解决方法

:popper-append-to-body="false"是解决andriod手机option位置靠右<el-select v-model="baseList.post" placeholder="请选择职务" size="large" class="select-class" @blur="blur($event,'post','postError')" :class="{'select-error-class':postError}"

2020-10-23 17:24:53 990

原创正则表达式

1.只允许输入数字，英文event.target.value = event.target.value.replace(/[\W]/g, ‘’);2.只允许输入数字event.target.value = event.target.value.replace(/(0+)|[\d]+/g, ‘’);3.禁止输入特殊字符e.target.value = e.target.value.replace(/[`~!@#KaTeX parse error: Expected group after '^' a

2020-09-30 16:54:24 120

原创 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 3301

原创 ios控制input只能输入数字，连续切换英文输入法会呈现删除状态

限制input只能输入数字：问题：用ios自带的原生键盘2.在输入时选择9宫格的键盘输入连续的点击按键会删除原来的数字解决方法：在input中加pattern="[0-9]"ios下直接调用数字键盘/

2020-09-30 16:03:40 588

原创 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 461

原创 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 239

原创 mescroll（下拉加载，上拉刷新）前端分页

<mescroll-vue id="page-list-mescroll" ref="mescroll" :down="getMescrollDown()" :up="getMescrollUp()" @init="mescrollInit" class="content"> <div class="content-div"> <ul> .

2020-08-14 14:44:54 821

原创千分位分隔符

/*千分位符*/ function getDataInRule(number) { if (number != undefined) { if (number === '--' || number == 0) { return number } else { number = number.toString(); var strNumbe..

2020-08-06 16:20:42 1248

原创 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 5503 1

转载 URLEncoder.encode得编码与decodeURIComponent得解码之间特殊字符得转换

在需要用到得地方：const fileName=decodeURIComponent(this.common.getDownFileNameFilter(res.headers.filename))替换方法：getDownFileNameFilter(fileName){//解决编码与解码之间得差异 if(fileName){ var downFileName=fileName.replace(/\+/g, "%20"); downFileName=downFileN.

2020-07-31 18:21:27 425

原创 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 241

原创替换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 1498

原创 css元素特殊选择器样式设置

后代选择器：h1 em {color:red;}子元素选择器：如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：h1 > strong {color:red;}例子：结果就是第一行得第一个，第二个very变红，第二行得代码并没有变红<h1>This is <strong>very</strong&gt

2020-07-20 18:06:34 311

原创 vue3.0兼容IE浏览器

在vue.config.js中的module.exports = {中加入transpileDependencies: [//解决IE浏览器得es6转换成es5得问题（IE报错缺少':'） /[/\\]node_modules[/\\]dom7[/\\]/, /[/\\]node_modules[/\\]swiper[/\\]/, /[/\\]node_modules[/\\]element-ui[/\\]packages[/\\]/, /[/\\]node_modules

2020-07-16 15:13:19 5800

原创输入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 223

原创只允许输入数字，英文字母，符号（密码）

passwordInputClick(e){//可以输入数字，英文字母，符号 e.target.value = e.target.value.replace(/[\u4e00-\u9fa5]/g, '');//禁止输入中文 e.target.value=e.target.value.replace(/\s/g,'');//禁止输入空格 },...

2020-07-15 16:15:06 1883

原创 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 986

原创 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 1674

原创 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 723

原创 vue输入密码禁止联想密码发生，不支持火狐。

<div class="relative right" v-if="form.isPassword"> <vo-tooltip v-if="tipRequiredPassword" :errorMessage="errorMessagePassword" top="-25px"></vo-tooltip>  <el-input pl.

2020-07-02 16:58:32 340

原创复制隐藏div

其中br表示复制的内容中加空行<style>.copy-content-div { position: absolute; z-index: -1; top: 0; }</style><div class="copy-content-div" id='copy'><div>复制的内容<br></div></div>js中：copyClick() {//复制按钮

2020-07-02 16:06:01 125

原创 js计算开始时间与结束时间的相差的小时与分钟

其中preStartDay表示开始日期（2020-07-02），preStartTime表示开始时间(14:15)，preEndDay结束日期，preEndTime结束时间。date(){if (that.form.preStartDay && that.form.preEndDay) { var start = that.form.preStartDay + " " + that.form.preStartTime;

2020-07-02 16:00:03 3331

原创 el-table横向滚动时表头与表体的内容速度不一致（错位）

<div class="table-overflow-x"> <el-table v-if="ifCollectionAccountSelect != '1'" :data="tableData" ref="dataTable" id="dataTable" style="width: 100%" :height="dataTableHeight" :span-method="arraySpanMethod" empty-text="暂无数据"> ...

2020-05-11 10:03:22 2128

原创 el-table横向滚动时表头与内容串位问题

这里写自定义目录标题新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入el-table横向滚动时表头与内容串位问...

2020-05-08 17:17:21 1826

原创移动端可移动小图标（vue版）

移动端可移动小图标（vue版）新建vue（backFirst）<template> <div class="back-first-page"> <div class="img-box" @click="backFirstClick" @touchmove="touchmoveClick" :style="{'lef...

2020-04-27 16:45:14 1258

转载带有checkbox的树形表格懒加载（element 2.13.0）

基于element 2.13.0版本的。新建一个js，eval.js在此js中写入："use strict";import Vue from "vue";export default function treeToArray( data, expandAll, parent = null, level = null) { let tmp = []; Array.f...

2020-03-25 09:38:16 541 2

原创一段文字超过5行省略号显示，最后面加个小标签。

在这里插入代码片其中294是自己算的，视情况而定。<span class=“name-textflow-five left” v-if=“getSize(data.name)>294 getSize(data.name)==294” ><div class=“intro-content” :title=“data.name” ref=“desc”><s...

2020-03-24 15:27:41 724

原创 js获取选中文本的第一个字及最后一个字的偏移量

两种方法：方法一：mousedown时获取偏移量，mouseup时获取便宜量就是第一个字及最后一个字的坐标。方法二：对选中的字画矩形。第一个矩形的坐标就是第一个字的坐标，最后一个字的坐标是x+width，y。针对方法二给出如下代码：在mouseup方法中：var pageDiv=document.getElementById(“id”)//这段文本的idvar selection =...

2020-03-24 14:27:52 624

空空如也

空空如也