- 博客(19)
- 收藏
- 关注
RSS订阅原创 js正则替换字符串某个标签为空
正则删除一个标签内容如 imglet str=/<(?!img).*?>/g.exec(description)description.replace(str, "");
2021-07-13 11:44:29
1021
2
原创 echars放大缩小自适应
echars随着屏幕放大缩小 document.getElementById("mainNum")).style.width='100%' window.addEventListener("resize", () => { echarts.init(document.getElementById("mainNum")).resize(); });原理:浏览器监听屏幕大小变化，执行echarts中的chart.resize()方法。只要屏幕尺寸发生改变，echarts实例会跟着同比
2021-07-13 11:39:31
915
1
原创 前端实现导出功能
1.前端实现导出原理：首先需要拿到需要导出的数据，然后执行导出方法 downLoad() { //在这里拿到要导出的数据 this.downloadLoading = true; let params = { ...JSON.parse(JSON.stringify(this.formInline)), pageSize: 99999999999, pageIndex: 0, }; if (params.or
2021-04-29 14:50:42
1497
原创 字符串替换某个位置的字符
做这个需求也是因为想拆分某个字符串 拿到各自的数据 还是看代码吧 let arr = this.formData.purchase_detail.split("\n"); console.log(arr); console.log(arr.map((item) => item.trim().split(/\s+/).join(" "))); let arr2 = arr.map((item) => item.trim().split(/\s+/)
2021-04-26 11:31:53
2829
原创 el-table实现行拖拽
vue想要实现拖拽 需要安装两个插件(1.vuedraggable;2.sortablejs)npm install vuedraggable;npm install sortablejs; <el-table :data="tableData" row-key="id"> <el-table-column prop="id" label="ID"> </el-table-column> <el-table-column prop
2021-04-15 17:20:59
4219
1
原创 vue 实现回到底部回到顶部
实现回到顶部和回到底部(我们的需求是不需要动画，快速回到底部回到顶部)，原理其实也挺简单的，关键就是需要拿到整个页面的高度<div class="scroll"> <div id="toTop" @click="toTop(step)"><</div> <div id="toBottom" @click="toBottom(step)">></div> </div> //回到顶部
2021-04-15 17:13:35
1107
原创 两个数组中找出相同的元素和不同的元素，可实现的功能 全选 反选 可针对下拉 表格
项目需求啊 哈哈 学习使人进步1.首先是相同的元素 for (let i = 0; i < this.tableData.length; i++) { for (let k = 0; k < result.length; k++) { if (this.tableData[i].order_no == result[k].order_no) { this.$refs.tableData.toggleRowSelection(thi
2021-03-13 17:13:53
159
原创 el-dialog自定义弹窗标题
el-dialog自定义弹窗标题做这个其实也是因为我当时理解错了项目需求 继而就跟着思考了思考这个问题 要想实现自定义 那我们还是需要用到插槽slot 就和自定义表单label一样 话不多说 直接看代码吧<el-dialog :title="formData.batch_pay_name" :visible.sync="visible" width="1000px" :before-close="batchPays" > &
2021-02-24 16:22:22
2983
原创 el-select 多选实现全选以及搜索可全选操作
做这个也是因为测试反馈说一个一个选择实在是很头疼，顾做了次功能，不说啦，直接看代码吧。1.下拉 <el-form-item label="选择国家:" prop="site_id"> <el-select v-model="formData.site_id" filterable clearable multiple
2021-01-29 10:11:35
2715
3
原创 el-select可选择可以手动输入
el-select可选可输入今天接到这个需求，下拉框可选可输入，当时本来以为要用到事件e.target.value直接赋值，后面翻看element官方文档 发现人家早都考虑到这一点 给我们提供了属性allow-create即可达到可输入的效果 <el-select v-model="scope.row.channel_sku" filterable clearable
2021-01-22 12:20:26
10351
1
原创 el-select给每一行的option添加删除按钮 并执行删除操作
el-select 给每一行的option增加删除按钮 并执行删除操作<el-select v-model="condition" clearable class="w-260" placeholder="请选择保存的搜索条件" style="margin-left: 10px" @change="handleQuery()" > <el-option
2021-01-20 18:35:38
4221
10
原创 element无限滚动的用法
InfiniteScroll 无限滚动的用法最近也是项目遇到了这种问题哈，数据过多 然后进行遍历 页面会非常卡顿 所以就用到了这个无限滚动 这样的话就可以避免页面卡顿 不妨碍用户做其他的操作 我直接上代码吧1.给需要加滚动的地方加上加载方法 load <div class="infinite-list" v-infinite-scroll="load" style="overflow: auto; max-height: 600px;width:90%; borde
2021-01-20 17:50:49
6201
2
原创 el-select多选 但是选择了全部就不能选择其他的选项
el-select多选 但是选择了全部就不能选择其他的选项 <el-form-item label="限制平台:" prop="platform_id"> <el-select v-model="formData.platform_id" filterable clearable multiple placeholder="请选择"
2020-11-19 18:34:50
1383
原创 一维数组 二维数组去重
一维数组二维数组去重一维数组Array.from(new Set([1,2,3,4,5,2,1]))二维数组去重 let count=[ { channel_name: "顺友物流渠道2", id: "486", warehouse_list: "8,9", }, { channel_name: "tt
2020-11-19 15:59:37
265
原创 vue 文本框按下tab键阻止默认行为
vue按下tab键阻止默认行为 <el-form-item prop="purchase_detail"> <el-input type="textarea" :rows="10" id="textarea1" @keyup.tab.native="aaaaa()" placeholder="请输入内容" v-model="f
2020-10-10 15:45:27
1678
原创 element表单自定义label(el-form-item)
项目涉及需要自定义label方便遍历<span slot="label" v-if="index == 0">首重</span><span slot="label" v-else>续重{{ index }}</span>
2020-09-26 18:10:32
6299
1
原创 git 添加配置公钥
git 报错：“fatal: Could not read from remote repository”问题原因：没有配置公钥或者是公钥失效解决办法：1.ssh-keygen -t rsa -C "xxxxx@xxxxx.com"有两步可以输入密码 直接回车也可 2.cat ~/.ssh/id_rsa.pub3.git仓库 设置 ssh公钥设置即可重新clone...
2020-09-24 12:17:50
707
原创 后端控制路由
后端控制路由本篇文章是基于vue-element-admin的权限路由基础之上来做这个后端控制路由,也是因为项目需求故做的这个,话不多说,直接上代码1.要想实现完全做到由后端控制路由 菜单显示,后台的小伙伴需要提供的接口有获取当前登录用户的信息接口获取当前用户所拥有权限菜单备注:当然这两个接口可以写成一个,这样也可以的,直接将用户所拥有的菜单直接返回到获取用户信息的接口里面(当然我们后端是直接把这些数据写成了一个接口的,哈哈)接口中需要包含的数据如下pathname/titleiconi
2020-09-03 10:12:12
1409
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人