qq_41742961的博客

【代码】（表格合并行）

同步远程分支（删除远程提交记录）

【代码】element表格表头换行三种方式。

代码】element表格滚动条监听。

git rm -r --cached .git config core.autocrlf false

场景：（单点登录）从应用平台登录成功后，点击系统图标跳转到对应系统的首页实现方式：在A系统写入iframe，应用平台点击按钮后跳转A体统（window.open），加载A系统的代码，当A体统中的iframe.onload加载完毕后，通知平台已经加载完毕(ifram.content.postMessage),可以给我发送token了，对应平台应该添加一个监听事件接收ifram发送来的消息，(widown.addEventListioner),并且平台拿到消息后将token发送给ifame，对应iframe也

在这里插入代码片已知如下数组：var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];var a = [...new Set(arr.flat(Infinity))].sort((a,b)=>{return a-b})

<el-table-column fixed prop="entityId" sortable="entityId" label="ID" :show-overflow-tooltip="true" align="left" header-align="center" width="120" ></el-table-column><.

fakeClickOutSide.jslet lock = true;let el = null;const MousedownEvent = new Event('mousedown', {bubbles:true});const MouseupEvent = new Event('mouseup', {bubbles:true});const fakeClickOutSide = () => { document.dispatchEvent(MousedownEvent);

Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelector('.el-dialog')

let arr = ['测试一', '测试二', '测试三']; let str = arr.join(' <br/> '); this.$message({ dangerouslyUseHTMLString: true, message: str, type: 'warning'});dangerouslyUseHTMLString: true,就可以实现换行；...

FormSearch.vue<template> <div class="table-header" v-if="tableSearch && tableSearch.length > 0"> <el-form size="small" :model="formSearch" :inline="true" ref="formSearch

问题：token过期或者失效后，弹窗提示用户登陆失效，重新登陆。在一些页面中初始化时调了多个API，会出现多次弹出重新登陆的弹框解决方案：1、使用axios中的CancelToken，在判断登陆失败时，取消后面的API请求。2、跳转路由，取消上一个页面未请求成功的API。实现方法：const myAxios = { install(Vue) { let http = axios.create({ // baseURL: 'http://localh

<el-table-column :label="'Interest Days \n Accumulated'" prop="interestDays" align="center"></el-table-column><style lang="scss" > .el-table .cell { white-space:pre-line; }</style>label前要加： ，label中的双引号要加上单引号才可

inputThousands (num,name) { if(!num){ return } console.log(this.form[name]) num = num.replace(/,/g, "") .replace(/[^\d.]/g,"") //先把非数字的都替换掉，除了数字和. .replace(/^(-)*(\d+)\.(\d{1,2}).

let forms = new FormData();Object.keys(this.form).forEach(item => { if (this.form[item] != null && this.form[item] != "") { forms.append(item, this.form[item]); } });

import axios from 'axios'import qs from 'qs'import api from '@/base/api.js' //这里是url接口// import {Message} from 'element-ui'const myAxios = { install(Vue) { let http = axios.create({ baseURL: 'http://localhost:8088/hklms/',

例如根据chargeBase字段 取值 1，Interest Rate字段为必填2为非必填<el-form :model="form" ref="form" :inline="true" label-width="auto" :rules="addFormRules"> <el-form-item label="Interest Rate" prop="interestRate" :required="isYes"> <el-input v-model="for

<el-dialog :title="title" :visible.sync="dialogFormVisible" width="900px" v-if="deviceDialog"> <div :style="{height: scrollHeight}" style="overflow-y: auto;overflow-x:hidden" > <el-form :model="form" ref="form" :inline="true" l

import moment from 'moment'import {resetSort,exportFun} from '@/base/base'const myUtils = { install(Vue) { //时间过滤器 Vue.filter('dataFormat',function(dataStr,arg){ if(dataStr){ return moment(dataStr).format(a

mounted() { this.$nextTick(() => { this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - (window.innerHeight)*0.15; window.onresize = () => { this.tableHeight = window.innerHeight - this.$refs.table.$el.off..

function exportFun(url,params,type,fileName) { // console.log(this) this.$http.myPostJson(url,params).then(res => { let blob = new Blob([res], {type: type}) let downloadElement = document.createElement('a') let href = win

在main.js中引入import './icons'在components的SvgIcon文件，在此文件夹中写svg组件svg组件<template> <svg :icon-class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" /> </svg></template><script>export default {

<svg t="1635862467503" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3698" width="200" height="200"><path d="M812.35 724.75H365.5c-50 0-90.58-42.25-90.58-94.37V366.16c0-52.12 40.55-94.36 90.58-94.36h44

<svg-icon :icon-class="citem.meta.icon" viewBox="0 0 25 25" height="15" width="15"/>viewBox建立svg所有子元素的坐标系，可以使用宽度和高度将此坐标系拉伸到需要的高度和宽度

<el-tooltip effect="dark" content="全屏" placement="bottom"> <i class="fullicon el-icon-fullScreen" @click="toggleFullscreen"></i> </el-tooltip><script>import screenfull from 'screenfull'export default({ ...

<el-tree :data="dataList" :props="defaultProps" ref="dataListRef" node-key="id" :default-expanded-keys="expandArray" accordion style="font-size: 14px" @node-click="handleNod

<el-dialog title="Import" :visible.sync="fileUploadDialogVisible" width="45%" > <el-form :model="importForm" ref="fileUploadForm" :inline="true"> <el-upload action :http-request="getFil

<el-date-picker type="date" v-model="fromDate" placeholder="From" style="width:95%" value-format="yyyy-MM-dd" :picker-options="pickerOptionsStart"> </el-date-picker>...

1、去掉字符串末尾分号 str = str.substring(0, str.lastIndexOf(";"));

<div class="table"> <el-table :data="tableData" borderstyle="width: 100%" border stripe @sort-change="sortChange" ref="table" :height="tableHeight" :header-cell-style="handleTh.

lib/index文件// 存在组件间循环引用的场景，因此在外部统一注册import SearchFrom from './searchForm'const install = (Vue) => { Vue.component(SearchFrom.name, SearchFrom)}export default { install, version: '1.0.0'}在main.js中import SeachFrom from '../lib/index' Vu

axios封装的请求方法插件import axios from 'axios'import qs from 'qs'import api from '@/base/api.js'// import {Message} from 'element-ui'const myAxios = { install(Vue) { let http = axios.create({ baseURL: 'http://localhost:8088/hklms/',

async/await优雅的错误处理一般情况下 async/await 在错误处理方面，主要使用 try/catch，像这样const fetchData = () => { return new Promise((resolve, reject) => { setTimeout(() => { resolve('fetch data is me') }, 1000) })} (async () => { try { const data = awa

JSLint检测Javascript语法规范“Missing semicolon.” : “缺少分号.”,“Use the function form of \”use strict\”.” : “使用标准化定义function.”,“Unexpected space after ‘-’.” : “在’-‘后面不应出现空格.”,“Expected a JSON value.” : “请传入...