一往而深のcode

2022年12月8日

摘要： <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 0" > <el-table-column type="index" label="序号" width 阅读全文

posted @ 2022-12-08 10:35 一往而深のcode 阅读(1512) 评论(0) 推荐(0)

element-ui的tab切换。当前时间如果在某个时间段内，就默认选中

摘要： <el-tabs type="border-card" v-model="activeName"> <el-tab-pane v-for="item in eltab" :key="item.index"> if (res.data.planList.length > 0) { let nowT = 阅读全文

posted @ 2022-12-08 10:22 一往而深のcode 阅读(361) 评论(0) 推荐(0)

el-table关于多行合并（部分根据id值合并）

摘要： <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 0"> <el-table-column type="index" label="序号" width= 阅读全文

posted @ 2022-12-08 10:21 一往而深のcode 阅读(1681) 评论(0) 推荐(0)

2022年4月28日

去除数组里‘undefined’

摘要： 1.循环数组找到undefined的值利用slice删除。 function removeEmptyArrayEle(arr){ for(var i = 0; i < arr.length; i++) { if(arr[i] == "undefined") { arr.splice(i,1); i 阅读全文

posted @ 2022-04-28 09:11 一往而深のcode 阅读(3353) 评论(0) 推荐(0)

2022年4月24日

根据匹配对象的某个值，获取数组对象的下标(用于vue表格选中后关闭，再点击回显选中的值)

摘要：实现效果：点击图一表格中的单元格，在图二弹窗表格中回显已选信息 html: <el-table ref="multipleTable" :loading="loading" :data="huiluList" @selection-change="chooseChange" > <el-table- 阅读全文

posted @ 2022-04-24 11:00 一往而深のcode 阅读(1570) 评论(0) 推荐(0)

2021年6月30日

vue，element-ui表格，多个单元格值可修改(点击聚焦后变成input，失去焦点请求保存)

摘要：需求：红框内单元格的值点击可修改。如果值改变就发送请求，没改变就不请求  <div class="table-wrapper" ref="tableWrapper" style=" height:calc(100%-52px)"> <el-table v-loading = " 阅读全文

posted @ 2021-06-30 09:39 一往而深のcode 阅读(897) 评论(0) 推荐(0)

vue，element-ui表格，合并单元格，如果需要合并的数据隔行，需要重新排列数组

摘要：摘要：为了自己以后用起来方便，还是记录一下 <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px"> <el-table-column prop= 阅读全文

posted @ 2021-06-30 09:25 一往而深のcode 阅读(784) 评论(0) 推荐(0)

2020年11月4日

vue循环提取对象数组中的某些值(方便自己以后看的)

摘要： 1.数据如下，提取name和callcount 2. getQueryCallStatistics("sesp1", this.provinceId).then((res) => { let arr = []; let arr1 = []; let arr2 = []; let arr3 = []; 阅读全文

posted @ 2020-11-04 17:16 一往而深のcode 阅读(10318) 评论(0) 推荐(0)

2020年10月28日

jQuery 轮播图版本四：（jquery.SuperSlide.2.1.1.js）做轮播图，多张图向左翻页

摘要：效果如下 1.HTML部分 <div class="four_box"> <div class="cont1200"> <div class="picScroll-left"> <div class="hd"> <a class="next"><img src="__IMG__/index/whit 阅读全文

posted @ 2020-10-28 21:55 一往而深のcode 阅读(909) 评论(0) 推荐(0)

jQuery 轮播图版本三：（swiper.js）做轮播图，三张图轮播

摘要：效果如下用到的箭头图片 1.HTML部分 <div class="three_box"> <div class="cont1200"> <h3 class="tc color_fff font_bold font26px">工作室</h3> <div id="certify"> <div clas 阅读全文

posted @ 2020-10-28 21:47 一往而深のcode 阅读(924) 评论(0) 推荐(0)