qq_45505241的博客

原创 ant X6高亮

/ 节点内属性的点击事件：node:port:click。

原创 前端性能优化之图片

添加链接描述

原创 本地打包完启动项目

2.yarn build生成前端包，例如包名称为dist。先本地全局安装http-server。3.进入项目根目录 运行。

原创 字符串去除一些关键字

字符串去除特定关键字。

原创 前端本地下载

前端下载

原创 组件之间的循环引用

vue组件

原创 打开新标签改标题

标签改标题

原创 编码和解码

编码和解码

原创 识别换行符

<el-col :span="24" class="flex"> <label class="c65" style="flex: 0 0 100px;"> 课题注意事项：</label> <em class="c45 flex1" style="white-space: pre-wrap;">{{ platformType.topicPointsForAttention }}</em>

原创 select2远程搜索编辑赋值的问题

$('#remoteSelect').select2({ placeholder: "请输入终端用户", width:"100%", dropdownParent:dialog, ajax: { url: common.url_agent_web + '/stoc

原创 table上下移动

上移this.drugs[index] = this.drugs.splice(index - 1, 1, this.drugs[index])[0]下移this.drugs[index] = this.drugs.splice(index + 1, 1, this.drugs[index])[0]

原创 解决部分电脑下载跳转到空白页的问题

// 解决部分电脑下载跳转到空白页的问题Vue.prototype.$export = (url, data) => { var download_file= {} if (typeof(download_file.iframe) == "undefined") { var iframe = document.createElement("iframe"); download_file.iframe = iframe; document

原创 换行（包括数字，单词）

.text { word-break: break-all; white-space: pre-wrap; }

原创 用router-view打开新网页

let routeUrl = this.$router.resolve({ name: "projectDetail", params:{id: row.id} }); window.open(routeUrl.href, '_blank');

原创 el-upload上传失败的返回值处理

uploadError(res) { this.btnLoading = false let obj = JSON.parse(res.message) this.$message.error(obj.msg) },

原创 vue在当前页面重新加载

配合 v-if 可以实现

原创 js数组终止循环的方法

var arr = [1,2,3,4,5,6,7]; try { arr.forEach((item,index) => { console.log(item); if(item == 3){ throw new Error('break'); } }); } catch (e) { // console.log(e); } finally { }

原创 前端假分页

this.list.filter((v ,i) => (i < (this.page.pageNo) * this.page.pageSize) && (i >= (this.page.pageNo-1) * this.page.pageSize));

原创 rem布局代码

// rem布局// 在vue的main.js中引入(function (designWidth, maxWidth) { var width = document.documentElement.getBoundingClientRect().width; maxWidth = maxWidth || 540;//限制在540的屏幕下，这样100%就跟10rem不一样了 width > maxWidth && (width = maxWidth);

原创 vue启动就会加载的文件

.env——全局默认配置文件，无论什么环境都会加载合并.env.development——开发环境下的配置文件.env.production——生产环境下的配置文件文件是如何加载的？　　执行启动命令后会自动加载对应的环境，vue是根据文件名进行加载的，所以不要乱起名字，也不用专门控制加载哪个文件。如执行npm run serve，会自动加载.env.development文件。如何使用变量？　　直接调用process.env属性（全局属性，任何地方都可以使用）。例如：直接打印process.

原创 表格渲染性能

vue 表格渲染性能问题https://www.jb51.net/article/158157.htm

原创 reduce的用法

## 1const test = arr => ( arr.reduce((prev, next) => [ ...prev, ...prev.map(item => [ next, ...item ]) ], [[]]))console.log(test([1,2,3]));// 打印结果[ [], [ 1 ], [ 2 ], [ 2, .

原创 自定义element ui动画

// 修改的是css/* 修改loading动画 */.el-loading-spinner .circular{ display: none; }.el-loading-spinner{ background: url(../../public/loading.gif) center no-repeat;height: 68px;background-size: auto 68px; margin-top: -34px !important; }

原创 解决火狐的moment转换日期错误

startDate: '2020-1-1'new Date(Date.parse(startDate.replace(/-/g, "/")));输出：'2020/1/1'

原创 根据拼音或者首字母查名字，汉字也可以

1.后台返回的数组对象中有sname:"赵青",snameCode: "ZHAOQING"；data() { return { regrex: /.*.*/i, // 初始值 }}2.通过element ui的select的:filter-method="filterMethod"方法；filterMethod(val){ //自定义搜索方法 this.regrex = new RegExp(`.*${(val || "").split("").join

原创 给时间排序

arr.sort((a, b) => (a > b ? 1 : -1))

原创 element的合计行

getSummaries({data}) { let arr=['合计'] let contractAmount=0 let contractReceiveAmount=0 let contractReceiveDeductionAmount=0 let netIncome=0 data.forEach(v=>{

原创 正则校验手机号和邮箱

// 同时验证手机和固定电话const mobile = /^((0\d{2,3}-?\d{7,8})|(1[3-9]\d{9}))$/// 验证邮箱const emil = /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/

原创 computed

computed: { columnsCopy: { get() { return this.realColumns }, set(value) { this.setTableConfig(value); } } },

原创 vxe-table表格树形展示

:tree-config="{children: 'milestoneTaskList'}"// milestoneTaskList是后台返回的子数组的名称<vxe-table-column tree-node />

原创 table

<div> <table style="border-collapse: collapse;"> <tr style="border: 1px solid #CCC;"> <td>January</td> <td> <div> <

原创 自定义组件加上v-model

vue实现双向绑定v-bind:value=""this.$emit('input')watch: { value(n) { this.selected.idList = this.init(n) }},methods: { init() { // 在方法里处理监听的数据，（如果直接在value里处理数据可能会监听不到） if(n){ if(this.type == "obj"){ retur

原创 获取高度的问题

原创 element 树形控件

原创 render函数没有自动更新的解决办法

有时候数据层次太多，render函数没有自动更新，需手动强制刷新；用this.$forceUpdate();进行强制渲染，效果实现。

原创 echarts饼图

原创 vue获取上级数据的两个方法

$parent属性可以让子组件访问父组件。但孙组件想要访问祖先组件就比较困难。通过provide/inject可以轻松实现跨级访问父组件的数据![在这里插入图片描述](https://img-blog.csdnimg.cn/20201106175650149.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NTA1MjQx,size

原创 清除node_modules

快速清除node_modules的指令，同级下打开命令行执行 rimraf ./node_modules

原创 在element ui的form里的label前加入icon

<el-form-item prop="sname"> <span slot="label"> <span class="span-box"> <i class="icon-dd-schetit" /> <span> 任务名称 </span&gt

原创 iconfont的彩色图标下载后的使用

<svg aria-hidden="true" class="icon">//class只是调整大小用的 <use xlink:href="#icon-dd-gongshang" /> </svg>