weixin_42018331的博客

原创 跨域1111

跨域

原创 vue 配置代理

vue 配置代理地址

原创 form组件 输入才校验，不输入不校验

return callback(new Error(‘请填写正确的邮箱地址！// return callback(new Error(‘不能为空’))value) callback();//输入才校验，不输入不校验。{require:true,message:‘邮箱不能为空’},minxins:[emailMix]//与data同级。value){//非空校验。背景：邮箱校验输入校验，不输入不校验。//在需要校验的vue页面引入。.........

原创 下载 导出excel

代码】下载 导出excel。

原创 vue table组件真对某一列或者整个table做模糊匹配

搜索：// 遍历表格。

原创 根据后台返回值控制动态绑定的disabled控制标签不可操作不生效

场景：通过后台返回的值控制按钮是否可操作，正常给:disabled=“isDisabled” 然后isDisabled的状态通过后台返回值控制，但是在标签上不生效，用监听，都能正常打印，但标签还是不生效，不知原因，用ref解决了 this.$refs.controlDisabledUp.disabled=true;有效果...

原创 vue table组件删除或新增行时，当前行的组件没有被删除

场景：table组件每一行，每一列校验不通过都会显示tips（hover提示）组件，页面有校验按钮，当新增一行，点击校验，校验不通过的行具体到某一列数据会显示tips提示组件，当新增两行填数据后，点击校验按钮，两行都有出现校验不通过的tips提示，删除其中一行，再新增一行，未校验的情况下，之前删除的那行的tips提示还在，再新增一行，没有tips提示组件，也就是删除时，只删除了当前行，当前行的组件未删除。解决：handlerDeleteInfoGuaran(index){ this.InfoGuara

原创 git clone出现fatal:index-pack failed

用ssh克隆可以成功，因为git上项目超过1G了，前后端代码都放在同一个分支，没有分开

原创 vue项目 img src=“[object module]“

找到webpack.base.config.js文件搜 url-loaderoptions:{esModule:false,}然后重新运行项目即可

原创 回车符替换成换行标签，引发的一些问题，以及多种解决

需求：用户在taxtaera标签里面输入文本，会有输入回车键（连续输入一次或多次）的情况，数据传给后台，再渲染再页面上，如果有连续的多个回车符，显示成一个换行符。<p>{{content.funcIntro}}</p>//未处理前<pre>{{content.funcIntro}}</pre>//处理方法1 直接用pre标签，连续的多个回车符都会识别为换行符，会出现多行空白<p v-html="getEnter">{{content.fun

原创 记录项目中的一些点

一个项目以iframe形式嵌入另一个项目，当需要跳转标签页（添加新的iframe）的时候请勿使用vuex，会失效，建议使用router或localstorage，更建议使用localstorage

原创 vue.config.js随便记录一点

const path=require("path");const webpack=require("webpack");const DllReferencePlugin=webpack.DllReferencePlugin;function resolve(dir){ return path.join(_dirname,dir);}const port=process.env.port||process.env.npm_config_port||8080;//dev portconst Com

原创 ant-design table组件 操作升序或者降序给后台传值

组件自带change事件，打印出sorter

原创 记录一下关于IE浏览器的一个需求

vue项目，准备抛弃IE浏览器，所以做了一个拦截IE的需求，如果是IE浏览器就显示一张图片，让用户使用谷歌浏览器之前想着是在index.html里面做操作，写一个js判断是IE浏览器就创建个div加个背景图，删除vue实例节点，实际操作中发现图片怎么都加不上，排除路径写错的可能，而且在index.html里面判断浏览器类型得到的永远是edge，然后放到APP.vue里面判断浏览器类型，可行，后面直接在div下加一个img图片，用v-show控制显示隐藏，原本的标签加个！即可...

原创 treeSelect树型下拉，后台返回数据处理

在这里插入代码片```javascriptconst data=[{ class_level: "1", one_class_cd: "A", one_class_name: "预警", children: [{ class_level: "2", one_class_cd: "A", one_class_name: "预警", two_class_cd: "01", two_class_name: "

原创 记录项目及平时看到的UI库，js库

moment.js 日期处理类库echarts.js 图表库UI组件库:Ant DesignelementUI

原创 项目中使用antd的日历组件实现UI效果及后续遇到的报错解决,you can use `getFieldDecorator(id,options)` instead `v-decorator=“ “[

需要实现的日历效果<a-range-pickerv-decorator="['data',{}]":ranges="{'近7天':[moment().days(-4),moment()],'近一个月':[moment().add(-1,'month'),moment()],'近三个月':[moment().add(-3,'month'),moment()]}"@change="chooseDate"/>```javascriptdata(){ return { defuld

原创 列表高亮显示并滚动到指定的某行

需求：列表高亮显示并滚动到指定的某行，数据为后台返回```javascriptthis.nextTick(()=>{ const orgUlArr=this.$refs.orgUlChildren; this.curLitop=orgUlArr[index].offsetTop;//index为需要高亮显示并要滚动到的列表行 this.firstLiTop=orgUlArr[0].offsetTop; if(this.curLiTop){ this.$refs.orgUl.scro

原创 使用antd的table组件，让表头在左侧列显示

需求：左侧 表头1：字段，表头2：识别符<table :columns="columnsCustom" :dataSource="dataCustom" :rowKey="(record,index)=>{return index}"></table>```javascriptif(this.columnsCustom){ this.columnsCustom=[ { title:"字段", dataIndex:"AAA" }] let obj={

原创 文本框输入，替换掉v-model里面的部分值

需求描述：上传一个excel 仅支持 .xls .xlsxeg：表头aa,对应表值bbv-model里面的值为文本框上的浮窗在文本框里面输入aa，对应的v-model里面的值变为bb`import cloneDeep from "lodash";computed:{ customNewsTitle2(){ let str=this.form.customNewsTitle;//文本框输入的值 if(this.dataCustom){//上传的excel数组 let dataCu

原创 vue后台管理系统，两个页面登录两个账号，后一个账号的token信息会覆盖前一个账号

vue后台管理系统，两个页面登录两个账号，后一个账号的token信息会覆盖前一个账号，导致操作前一个账号，页面会带着新的token信息去请求后台，但是页面显示的还是之前登录的账号，cookie只存最后一次的登录信息，解决可参考：https://blog.csdn.net/DLGDark/article/details/108855783App.vuecreated() { document.addEventListener("visibilitychange", function () { if (s

原创 记一些项目中用过的

```html<!--移动端拨打电话只对H5和ios有效，安卓可参考：https://blog.csdn.net/hahaha113461/article/details/81173130--><a :href="'tel:'+电话号码"></a>

原创 js去除字符串中的标签及标签里面添加的属性

js去除字符串中的标签及标签里面添加的属性var str=“js去除字符串中的标签”;var res=str.replace(/<.*?>/ig,"");

原创 keep-alive

第一次使用记录场景：问题百科界面，跳转到pdf界面返回，记住当前页面一级菜单和二级菜单的选中状态，在路由界面，目标路由界面下meta:{keepAlive:true}在App.vue<keep-alive v-if="$route.meta.keepAlive" ><router-view :key="key"></router-view></keep-alive><router-view :key="key" v-else>&l

原创 input实时搜索关键字高亮

<span v-html="item.question">{{item.question}}</span> 接口拿到的实时搜索返回的数据this.changeList(res.data.arrList); changeList(arr){ return arr.map((item)=>{ item.question=this.formatListContent(item.question); return item }) }, formatListContent(v

原创 移动端键盘上的换行改为搜索(记录遇到的问题)

input[type=search]{ -webkit-appearance:none;}input::-webkit-search-cancel-button{ display:none;}

原创 flex

父元素：display:flex;justify-content:center;align-items:center;子元素：flex-grow:1

原创 开发中遇到的可爱(奇怪)问题记录

1、input标签和span标签中间莫名空隙。解决2、input光标在不同机型上正常显示，或者超大显示解决：未解决

原创 input框做实时搜索，如何避免输入多次都触发接口

<input type=“text” v-model=“inpText” v-on:input=“debounceSearchText” @blur=“focusState=true” v-focus=“focusState”/>data() {return {focusState:false,inpText:’’,debounceSearchText: () => {}}},mounted() {this.debounceSearchText = debounce(th

原创 笔记（vue）

无限滚动：vue-infinite-scroll参考：https://www.jianshu.com/p/c4abab8c1ba6滑动：vue-directive-touch参考：https://www.jianshu.com/p/2b293c0eb709 / https://blog.csdn.net/QQ_Empire/article/details/100990965tab切换参考：https://www.cnblogs.com/youmingkuang/p/11374408.h

转载 tab切换参考

https://www.cnblogs.com/youmingkuang/p/11374408.html

原创 清浮动

.clear::after {  content: ‘’;  display: table;  clear: both;  width: 0;  height: 0;}

原创 vant使用遇到问题零散记录

在使用vant-tab标签时，tab切换下面的线条长短不能随文字数变化，修改样式得在全局css中修改才能生效

原创 提交代码时提示Could not read from remote repository.

之前代码是正常clone,某次提交代码，如下提示，服务器 连不上，可能是在git 上没有创建SSH key于是百度到如下方法输入git账号使用的邮箱后一路回车，再提代码，成功参考连接：https://www.jianshu.com/p/259773014e03...

原创 vant使用 tab组件修改样式不生效

在全局公共样式修改即可

原创 ie浏览器下，input框聚焦失效

setTimeout(function(){document.getElementById(‘username’).focus();},100)

原创 前端判断文件后缀名

this.title=row.fileName;var getPoint=this.title.lastIndexOf(’.’);var suffix=this.title.substr(getPoint);if(suffix==’.pdf’){}

原创 报错$scopedSlots.default is not a function

在vue中使用element组件，同一个页面，统一组件使用两次报错之前tab切换用v-show，无报错，改为v-if后出现报错，解决方法，组件加key

原创 echarts多柱状图渐变色

原创 echarts饼图中间加文字