- 博客(12)
- 收藏
- 关注
RSS订阅原创 js一维数组变二维数组方法
目标需求：避免造成数据缺少时页面样式错乱，例如数据返回8条，页面拆分3行循环，每行需要展示4个，那么就是外层数组嵌套3个内数组，每个内数组里面4个数据。使用方法： this.convertArr(this.imgSrc, 4) // 4个数据一组，组成大数组。
2024-06-11 18:23:31
142
原创 ant design vue ＜＜a-select＞模糊查询
有个需求是，下拉菜单，可以通过姓名筛查，或者通过手机号筛查，同时手机号不能展示出来。官网给的栗子是内容必须包裹在 <a-select-option> 标签中才可以被查出来。那么前台就要需要通过其他办法去做筛查。<a-select placeholder="请选择" v-model="formState.manager" allowClear style="width: 200px" show-search :filter-option="filterMana.
2022-04-25 18:12:56
2444
1
原创 flex布局，左侧固定，右侧自适应
外层大div设置 display: flex;里面两个div，左侧的 width: 300px; 右侧的 flex: 1；即可不设置flex:1的话，右侧宽度不会达到最大。简单又实用
2022-04-22 18:07:45
1131
原创 Echarts饼图
我看网上好多没有Echarts的案例，有的话也是很多复制别人的内容，看起来很难。// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById("yhsmzq"));xxxxxxx().then((res) => { var datas = [] for(var i = 0; i < res.data.length; i++) { datas.push({ name:re
2022-04-15 17:27:36
586
原创 js根据出生年月获取年龄
getAge(date) { var age = ""; var str = date.replace(/年|月/g, "-").replace(/日/g, ""); var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); if (r == null) return false; var d = new Date(r[1], r[3] - 1, r[4]); if ( d.getFullYear() == r[.
2022-04-04 16:45:57
1038
原创 vue组件通信（二）
有这么个特定的环境，父组件有个添加按钮，点击按钮会出现一个弹窗，弹窗里面类似购物车，可加减商品，有确定按钮和取消按钮。那么如果直接按着正常传值来走的话，会出现个问题，就是还没有点击确定的时候，只做子组件的加减商品，父组件中的绑定的商品也会发生改变。解析：本以为是写法问题，或者中间传值问题，搜索半天发现都没问题。于是想到了vue的数据双向绑定，当一个值发生了变化，那么页面中的数据也会发生变化。解决：js数据的深浅拷贝。最简单的方法子组件：this.cityStr = JSON.str
2022-04-01 20:36:08
80
原创 vue父子组件传值
1.父组件引入子组件import ChoiceCitys from '../../components/choiceCitys'components: { ChoiceCitys},<ChoiceCitys v-on:cityStr="cityStr" v-bind:sendCitys="sendCitys"></ChoiceCitys>其中 ：v-on:cityStr="cityStr" 为子组件传过来的值。 v-bind:sen
2022-03-31 20:18:45
1633
原创 同数组中根据id不同进行去重
md，996一个月了，累死个人，今天就丢个小功能放上面吧。unique(arr){ for(var i = 0; i < arr.length; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i].id == arr[j].id){ //第一个等同于第二个，splice方法删除第二个 arr.splice(j,1);
2022-03-30 20:11:03
102
原创 el-date-picker 自定义日期选中
<el-date-picker v-model="downloadFrom.times" type="datetimerange" :picker-options="pickerDates" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right" style="wid.
2022-03-29 19:55:18
1379
原创 纯数组转包含对象的数组
不知道大家有没有遇到过后台返给你的数据并不是自己想要的，数据格式为我们在开发时，又不能写成 pay_way_list[0] 来渲染里面的值，并且有时候后台返回的key值就是该数据的value，那么我们可以let arr = []for (const key in data.pay_way_list) { if (data.pay_way_list.hasOwnProperty(key)) { const element = data.pay_way_list[key]
2022-03-28 21:13:51
485
原创 el-tree 功能点
注：其中方法名字自定义即可<el-tree ref="treeList" :data="treeData" :props="props" show-checkbox :default-expand-all="isExpand" node-key="region_path" :default-checked-keys="checkedKeyArr" @check-change="getTreeChecked"></el-
2022-03-25 20:21:07
2086
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人