- 博客(45)
- 收藏
- 关注
RSS订阅原创 hbuilder uniapp 运行npm run serve 报错 pages.jsoncliShared.parsingFailed解决
pages.jsoncliShared.parsingFailed
2024-12-09 15:15:52
377
原创 vue3 + ts + element ui plus 添加阿里图标库图标(只添加一个, 并引入)
先创建一个vue文件, 引入svg代码, 这个文件放components里也挺好**
2024-09-04 14:21:59
1462
1
原创 vue2 + echarts 几百条length 自定义切换, length多行多列同时切换
效果如下:当图例大于指定条数, 即可展示切换按钮;主要是这3个方法: this.updateChart();this.updateChart();this.updateChart();<template> <!-- 设备监测 --> <div id="option_modes"> <line-chart :option="optionChart" :height="'100%'"></line-chart> </
2024-08-23 11:09:17
502
原创 vue数组在浏览器里可以看到值, 但是length为空
arr数组 length为0, 检查了代码在created 里调用了 this.getEnergyList(); 和 this.initChart(); 问题就在这里, this.initChart用到了getEnergyList里的数据, 造成了数据异步, 把this.initChart(); 放入 this.getEnergyList(); 方法里即可解决问题
2024-06-07 14:37:59
655
1
原创 echarts多X轴, 多Y轴
需要的效果原始数据props.monitorData:{ "lst_monitor_flow": [ "152.68", "207.64", "103.82", "21.21", "33.81", "40.71", "273.80", "208.66", "104.33", "15.80", "110.44",
2024-06-04 15:16:25
956
原创 vue3 ElementUI 日期禁选当日前, 当日后,几天后,几天前(例如3天后)
【代码】vue3 ElementUI 日期禁选当日前, 当日后,3天后。
2024-05-16 13:44:05
494
原创 vant添加列表, 日期选择总是填充到最后一个组内原因
主要问题就是 pickerData.showPickerstartDate 控制了组件是否弹出, 讲道理在for循环当中, 利用外部字段控制弹窗是否弹出, 并传递对应下标, 应该是可以正常传递的, 但是这里不行, 必须用item.showPickerstartDate控制弹窗是否打卡关闭.添加多个行程, 无论在哪个行程上修改时间, 时间总是只显示在最后一个行程里。修改后即可正常回显数据。
2024-05-15 15:04:40
512
原创 echarts legend图例颜色不统一问题
查看代码后发现,设置了公共的color, 并且只作用在了series里, 并没有作用在option全局里, 所以需要在option里添加color.项目里发现这种图片,线和圈圈颜色不统一。
2024-05-10 10:01:37
1951
原创 echarts默认图例(横线+圈圈)
项目里折线图需要去掉圆点, 但是图例样式需要是默认样式(横线和圈圈)原始代码:(只展示series 和legend配置 )
2024-05-10 09:53:36
1330
原创 vue3+ts+vant选择器选中文字效果
主要就是在van-picker上加class, 给对应的style样式即可。所需要的样式: 选中某个选项后文字有放大和改变颜色的效果。
2024-05-08 15:26:24
466
原创 vue3 el-table无表头
需要实现的样式父组件<template> <div> <!-- 表格组件 无表头 --> <Table :label="tableData.label" :data="tableData.data" :querydata="tableData.querydata" :queryTitle="tableData.title"> <template #operate="{ item }"
2024-04-16 10:28:28
2415
原创 vue3 树形穿梭框, 子节点可内部排序
需要实现的效果需求:父组件子组件需求:需要树形来回穿梭, 并且子节点可以在父节点内调换位置. 父节点可以上下箭头排序(没做)父组件<template> <div class="treeTransfer-box"> <TreeTransfer ref="treeTransfer" :nodeKey="'id'" :fromData="menuList" :toData="ruleForm.menuIds" :defaultProps="trans
2024-04-16 10:09:36
846
原创 mapbox 工作问题暂时记录
mapbox直接用class名无法修改样式, 可以添加 :deep 来修改样式。layer.id为map.value.addlayer里的id。这行代码可以获取页面中所有图层,可以判断图层id来做相应操作。
2024-04-09 10:52:39
289
原创 vscode 代码界面右击鼠标还是英文解决
先按照这个链接检查一下是否设置正确：http://t.csdnimg.cn/MkTxv。发现右键还是英文，尝试点开，更换为vscode对应版本的插件。vscode里 鼠标右键我想要这样的效果。vscode版本在帮助–关于–查看。但是实际软件里右键是英文。
2024-01-23 14:54:07
614
原创 ts 文件运行tsc -w显示You can learn about all of the compiler options at https://aka.ms/tsc
输入tsc -v查询typescript的版本，然后再tsc index.ts运行。您可以在https://aka.ms/tsc上了解所有编译器选项。
2023-12-15 10:08:50
186
2
原创 vue2 + el-upload上传图片/文件，编辑时回显文件名
这里写自定义目录标题父组件子组件界面样式编辑弹窗界面样式建议直接复制到本地查看父组件<template> <div id="recordList"> <div class="main_search"> <el-form :inline="true" :model="queryParams" class="search_form"> <el-form-item label="工程名称">
2022-04-27 14:06:54
5871
8
转载 echarts中自定义legend图例文字
echarts中自定义legend图例文字 简单版本大佬写的 echarts中关于自定义legend图例文字 现在效果是这样的，图例和name对应的，分别是水温，流速，流量，液位。我想在对应的图例后面加上 “流量”两个字。发现直接在legend里data 加不上的。必须要保证data 里name值和对应图表的name一致。option={ legend：{ data: [ { name: echartObj.names[ind_one],
2022-03-31 13:02:42
5495
原创 echarts3D环形图（包含点击效果）
这里写自定义目录标题效果图:点击上去的效果:效果图:点击上去的效果:代码可以借鉴：优快云 – echarts3d饼图，环形图我这边就展示一下我修改的内容。// 监听 mouseover，近似实现高亮（放大）效果myChart.on('mouseover', (params) => { .... this[optionName].series[params.seriesIndex].pieData.value + 30 //这个方法只改了这个数字 }主要是修改cha
2021-12-21 16:05:37
5568
1
原创 政务钉钉 H5项目PC端手机端同步调试（前端）
可能写的有些乱，大家包含后端给了我一个代理啥的，重定向路由。根据自己电脑打开 windows_64文件，cmd运行 .\ding.exe -config=.\ding.cfg -subdomain=ip(根据后台给的来) 端口(80,根据自己项目启动的端口来)运行成功后是这样的这里启动好以后就需要去前端配置了由于pc和手机 登录返回值不一样点击专有钉钉浏览器头部是这样的拿到auth_code 后用于请求接口pc接口返回值：手机端返回值这里可以看到手机返回值和pc返回值不一
2021-11-29 15:53:51
2511
2
原创 elementui table_设置表格表头高度和每一行的高度
<el-table :data=" tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize) " style="width: 100%" :header-cell-style="{ textAlign: 'center', height: '40px', }"
2021-10-29 13:19:51
18908
4
原创 cnpm i报错 Failed to compile with 351 errors
cmd 窗口:Microsoft Windows [版本 10.0.19043.1165]© Microsoft Corporation。保留所有权利。E:\project\2021\台州\jiaojiang-saas-web\trunk>cnpm install/ [14/62] Installing toidentifier@1.0.0platform unsupported chokidar@2.1.5 › fsevents@^1.2.7 Package require os(darwi
2021-09-14 12:38:44
3481
原创 Vant 日历calendar组件修改下面的开始结束文字
想要首次打开的时候 下面的“开始”文字消失想要这样的效果这个项目是基于vue框架，ts开发的，方法写法可能有所不同，使用时注意一下<van-calendar safe-area-inset-bottom v-model="calendarShow" :max-range="7" type="range" allow-same-day :min-date="minDate" :max-date="maxDate" :formatter="formatte
2021-08-12 15:19:36
1416
原创 针对axios拦截器拦截修改密码参数错误拦截展示msg
app修改密码的时候，原密码写个错的，然后修改密码，会直接报错直接上截图新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入直接上截图这图是项目里的拦截器，直接拦截到error下面是浏览器打印出来的需求是 想弹
2021-08-12 15:06:20
266
原创 js vue 动态获取数据，赋值，取值的时候发现想要的值在[[PromiseResult]]下面
动态获取数据后 上边获取数据是正常的，但是赋值出去就变成了这样？？上代码后面发现是 数据异步了，queryMsg方法有用到async和await。但是调用的方法却没有使用这个方法。async await 是关联使用的，方法内部有await，方法头必须加async 表示等待await同步执行完在往下走解决方法：...
2021-08-03 14:09:35
1188
转载 filter过滤数组对象里所有path并组成新数组
这里写自定义目录标题根据数组对象结合map和filter过滤数组对象const menuData = [ { name: '管理 ', path: 'admin', children: [{ name: '列表',path:'admin-list'},]}, { name: '设备 ', path: 'equipment', children: [{ name: '设备用途',path:'equipment-use'},]} ]function filterMenu(data) {
2021-07-23 18:44:30
463
原创 vant ui 里 list到底部再触发动态添加数据
这里写自定义目录标题欢迎使用Markdown编辑器欢迎使用Markdown编辑器vue项目 搭配TS使用vant ui开发APP项目。下面是效果视频，看看是不是自己需要的，再看代码不迟 vant_list.wmv <div class="siteDetail"> <van-pull-refresh v-model="isLoading" @refresh
2021-07-21 16:09:05
1193
原创 avue2.1.0 avue-crud 复制按钮怎样调用弹框
avue2.1.0 avue-crud 怎样添加复制按钮新的改变vue项目里的avue是2.1.0版本的,但是 复制按钮 是2.6版本才有的. 所以呢, 项目里用不了,只能利用编辑按钮来进行操作新的改变这是vue项目里的avue-crud ,绑定了ref<avue-crud :page="page" @size-change="onSizeChange" @current-change="onCurrentChange" v-model="form" :data="data" ref
2021-04-27 17:25:50
1440
原创 vue项目里重组数据打印正常,渲染有问题
vue项目里重组数据打印正常,渲染有问题数据格式如下数据格式如下let data = [ {createDate: "2021-04-06T15:25:07.763+08:00", createUser: "sxu5", id: 1, isDelete: 0, lpaReviewPlanId: 1, lpaReviewPlanReviewGroupBridgReviewPlans: [], lpaReviewPlanReviewerLists: [], name: "小组一
2021-04-08 15:57:17
616
转载 js利用一个元素里的元素删除另一个数组里存在的元素.有案例
案例想把data里存在的month都从arr里删除掉let arr=[1,2,3,4,5,6,7,8,9,10,11,12];let data = [{month:5,year:"12"},{month:3,year:"12"},{month:7,year:"12"},{month:12,year:"12"}]let newArr = arr.filter((x) => !res.data.some((item) => x === item.month));console.log(ne
2021-03-31 19:40:32
402
1
原创 JS获取时间戳、对应毫秒数和moment时间加减
JS获取当天0点和24点59分59秒时间戳和 对应的毫秒数获取时间戳获取对应毫秒数获取时间戳var todayTimeTo = new Date(new Date(new Date().toLocaleDateString()).getTime()).getTime()var todayTimeForm = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1).getTime();获取对应毫秒数
2021-03-31 10:54:13
2557
原创 针对uniapp插件市场里 sunui-autofill 的优化
刚开始用这个sunui组件输入框里输入文字时会出现下拉框把输入框顶到最上面，是没有定位的原因，不知道是自己引用方法不对还是怎样。仿照饿了么做了一点样式优化未优化：优化后：代码里好多多余代码，没有删除，别喷我（只是改了一下样式）...
2020-08-07 17:15:55
497
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人