- 博客(31)
- 资源 (1)
- 收藏
- 关注
原创 关于 vant-area 组件 onchange 始终选择第一个的问题
问题: @change 拿到的value 始终是 索引为0 的对象 (选择完后自动滑动到第一个)例如 省级 110000:北京市 市: 112000:市区 县级: 112100:东城区。结论,如果你的code 不是子集包含父级前缀的用不了这个组件,换van-cascader。city_list , county_list 有时能渲染,有时不能渲染/完全不能渲染。东城区的code的开头必须是北京市的 11 和 市区的112 才能 在这个下面显示!子集必须包含父级的code。
2023-09-14 16:11:02
381
原创 将@vant/area-data的省市区数据存储为json在web使用
【代码】将@vant/area-data的省市区数据存储为json在web使用。
2023-02-22 11:24:50
413
原创 微信小程序菜单栏滑动定位
需求:类似淘宝、京东的商品页,滑动到一定距离,菜单栏固定html:<view> <view class="text">顶部区域</view> <view id="main"> <view id="nav" class="column {{isFixedTop?'fixed':''}}"> <view class="swiper-tab-list active">美甲&
2022-05-23 15:15:23
401
原创 web 播放大华设备(兼容h264,h265),解决谷歌6路播放限制
使用的是Jessibucahttp://jessibuca.monibuca.com/ (官方地址)https://github.com/langhuihui/jessibuca/tree/v3(git)1. 此链接下载静态资源 (取 js、css 、fonts),三个文件放到项目的static目录中https://github.com/648540858/wvp-GB28181-pro/tree/wvp-28181-2.0/web_src/staticd2.在index.ht...
2022-05-20 15:24:36
2045
原创 web 机动车车牌录入组件
1. html 使用的是element ,from 因为我使用的是多个车牌录入,所以是双重循环,单个可以把index 相关的删掉<el-form-item label="车牌号码" :rules="[ { required: true, message: '请输入车牌号码', ...
2022-01-13 15:41:56
1461
原创 格式化匹配数据
<el-table-column label="车身颜色" prop="csysid" min-width="100"><template slot-scope="scope"> <span>{{ scope.row.csysid ? formatData(scope.row.csysid,'csysid','csysmc',csysList) :'--'}}</span></template></e...
2022-01-12 14:21:05
146
原创 关于el-tree 懒加载 如何在外部改变绑定的值
问题:tree加一个出入口的筛选<el-tree ref="tree" style="margin-bottom: 20px; height: 100%" :props="defaultProps" :load="loadNode" accordion @node-click="handleNodeClick"...
2021-12-28 15:57:57
541
原创 关于vue模板字符串渲染、原生函数操作vue实例的data
问题:接口返回的数据是模板字符串,怎么渲染,原生的方法怎么相应data的数据res.data:"<table><tr><td class='cenghu_ds'><table class='cenghu_table'><tr><td colspan='100' class='cenghu_dy'><div id='7B815501-76C0-4504-8E98-676BC71ADF50' class='cenghu_dy_fj
2021-12-14 17:43:34
1593
原创 vue rem配置
1.在utils中创建rem,js/*** 配置 rem 缩放比例*/(function (doc, win) { resizeEvt = 'orientationcyunhange' in window ? 'orientationchange' : 'resize', recalc = function () { // 获取当前设备的窗口宽度 var clientWidth = doc.documentElement.clie...
2021-11-27 16:23:14
583
原创 element 单选el-radio-group 样式更改
//dx-btn为单选组件的父盒子.dx-btn >>> .el-radio-group { width: 190px; display: flex; background: rgba(5, 170, 160, 0.1); border-radius: 20px;}.dx-btn >>> .el-radio-button .el-radio-button__inner { border-radius: 0px; back...
2021-11-22 17:12:17
3911
原创 echarts水平柱状图滚动
// 红色部分为滚动原理// 柱状echarts zzEcharts() { if (this.timer) { clearInterval(this.timer); } if (this.echartmyChart) { this.echartmyChart.clear(); } let chartDom = document.getElementById("zzEcharts");...
2021-11-22 17:10:12
1066
原创 监听定时器在页面销毁前清除
this.timer = setInterval(() => { //每次向后滚动一个,最后一个从头开始。 let arr = MZdata; if (option.dataZoom[0].endValue == arr.length) { option.dataZoom[0].endValue = 9; option.dataZoom[0].startValue = 0; } else {...
2021-11-22 17:07:27
711
原创 浏览器全屏,关闭全屏
注意:1.不能直接调用该函数,浏览器不允许js直接打开全屏。必须绑定点击事件 2.上传文件会自动退出全屏 3.f11权限大于函数,即f11打开全屏,函数关闭不了。<imgv-show="!fullscreen"class="change-img1"src="../../assets/home/open.png"alt=""@click="screen()"/><imgv-show="ful...
2021-09-24 16:07:02
469
原创 富文本使用
npm install tinymce -S 将inymce 文件拷贝到static目录下 在页面中引入importVueTinymcefrom"../../common/tinymce/tinymce.vue";html :<vueTinymce@input="getValue":value="content":height="300":wi...
2021-09-24 15:18:21
99
原创 数组排序封装
this.ldList.sort(this.compare("wzbm")) //ldList为数组,wzbm为需要排序的字段//格式化数据排序compare(propertyName){returnfunction(object1,object2){varvalue1=object1[propertyName];varvalue2=object2[propertyName];value...
2021-09-23 11:16:20
138
原创 正则替换封装
strReplace(f,e){//吧f替换成e var reg=new RegExp(f,"g"); //创建正则RegExp对象 return this.replace(reg,e); }//应用示例var str='hello,javascript';var newstr=str.myReplace('hello','hi');
2021-09-23 10:44:48
55
原创 假数据快速填充
//随机姓名getName(){varfamilyNames=newArray("赵","钱","孙","李","周","吴","郑","王","冯","陈","褚","卫","蒋","沈",...
2021-09-21 16:58:18
154
原创 原生js锚点定位极简版
letdom=document.querySelector('.bom-box'); //获取需要移动的盒子 可以是body,windowletdom1=document.getElementById(val); //移动的目标盒子lettop=dom1.offsetTop; //需要移动的距离dom.scrollTo({top:top,behavior:"smooth" //平滑移动...
2021-09-15 10:56:22
299
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人