- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue3+element-plus表单重置resetFields方法不生效
vue3+element-plus表单重置resetFields方法不生效
2023-10-17 13:30:45
1196
原创 cesium加载自定义mapbox底图
先返回工作室选择分享，key处可以选择分享之后的accessToken，也可以选择之前申请令牌的accessToken，这里我选择的是分享界面处的accessToken。其他信息我们可以通过图中的preview only进行获取，复制链接到浏览器中，会出现你自己配置的地图。5.在cesium中，加载mapbox自定义地图代码如下。如下图：创建好的地图在绿框处会显示，没有则点击红框，开始创建。1.首先你得有mapbox的账号，没有去某宝帮忙注册一个。3.创建并编辑完成地图后，点击share。
2023-05-18 13:49:38
1027
1
原创 vue使用cesium创建数据白模
引入cesium.js相关资源，这这里说明一下为什么没有使用npm install cesium,因为使用npm下载cesium,打包的时候文件太大了，所以在这里使用了cdn引入的方式；在使用的页面引入widgets.css，也可以直接在main.js中直接引入。
2023-05-16 16:15:45
1140
原创 VUE3+TS和Element-plus实现的Cron表达式组件no-vue3-cron
VUE3+TS和Element-plus实现的Cron表达式组件no-vue3-cron。
2023-04-14 13:41:04
3791
12
原创 antd动态换主题颜色
1.下载插件npm add antd-theme-generator && yarn add antd-theme-generator2.根目录添加color.jsconst path = require('path');const { generateTheme } = require('antd-theme-generator');// ant-design-vue/dist/antd.lessconst options = { antDir: path.jo
2021-12-21 15:43:07
2588
原创 防抖、节流
防抖如何理解，如何实现？玩过LOL吗，按B回城不管按多少次，都是最后一次再过8秒才能回/** * @description 防抖 * @param {Function} fn * @param {Number} t * @returns */function debounce(fn, t) { let timer = null; return function() { // 每次调用都初始化定时器 timer &&
2021-11-29 14:15:53
192
原创 vue实现大转盘抽奖
<template> <div class="turntable" ref="turntable"> <div class="myTurntable" :style="{transform: rotateAngle, transition: rotateTransition}"> <canvas id="canvas" ref="canvas"> 当前浏览器版本过低，请使用其他浏览器尝试 </...
2021-11-20 14:06:29
1349
原创 el-date-picker限制只能选当天，当天之前，当天之后
一开始在网上找解决办法都是一些水帖在这里总结一下文档这里可以设置选中默认时间default-time用法就不说了 不明白的可以去看下文档那怎么去限制用户禁止选择呢 ？ <el-date-picker v-model="addForm.date" type="datetimerange" range-separator="~" start-placeholder="开始日期" :default-time="['00:...
2021-10-22 11:03:43
5785
原创 Ant 之表格自定义表头和内容
<template> <div> <a-table bordered :columns="columns" :data-source="dataSource" :rowKey="(record,index)=>{return index}"> <span slot="customName" style="color: #ff6b81"><a-icon type="smile-o" /> 姓名&.
2021-09-23 14:42:51
2013
原创 微信解决不支持es6的字符串模板
一开始我是这样写的在微信开发者工具上页面上显示都是正常的，在手机上微信内置的浏览器打开 发现页面渲染没成功，后来一通在网上找解决方法如下使用babel转换一下就可以了Babel 是一个 JavaScript 编译器。他把最新版的javascript编译成当下可以执行的版本，简言之，利用babel就可以让我们在当前的项目中随意的使用这些新最新的es6，甚至es7的语法babel在线转换工具:Babel · The compiler for writing next genera..
2021-09-18 12:46:30
653
原创 sku(笛卡尔积算法)
reduce()函数使用。ruduce()函数第一次计算时将数组的前两个元素进行”组合“（这里的组合可以是数值计算，字符串操作，数组操作，取决于你的使用场景），返回"组合”结果并于下一个元素进行同样的操作，直到最后一个元素操作完var year = ['2019', '2020'];var color = ['白色', '灰色', '蓝色'];var size = ['S', 'M', 'L'];var list = [year, color, size]; function calcDes
2021-09-13 16:44:48
1028
原创 vue时间戳转换为日期格式
方法一：安装moment 地址：Moment Timezone 中文网npm install moment引入import moment from 'moment'; handlemoment (val) { return moment(val).format('YYYY-MM-DD')}这里要说明一下timedate一定要是Numner类型的，要不然会"Invalid date"格式错误第二种：方法一为转载黄轶老师的form...
2021-09-13 15:42:01
353
原创 element-ui 自定义主题设置及“et -i“报错“primordials is not defined”问题的解决办法
按照文档马上就要革命胜利了，执行最后一步的时候又遇见了一批小鬼子，为了革命胜利冲呀在网上找了下解决办法 都是一些node版本太高，要降级11.15.0版本以下 为了革命早日胜利要尽快解决战斗啊解决办法：cnpm install element-themex -g && npm install element-themex -g...
2021-09-10 14:32:42
928
原创 vue-cli 3.0在创建项目时无法选择配置
问题：上下箭头无法切换选择解决方案：通过winpty vue.cmd create wap这个命令创建项目
2021-09-09 15:44:56
615
原创 Antd设置table表头的背景颜色/颜色
第一步：在你的列中加一个className属性第二步：在你下面的样式下面加入 th.replacecolor{ background-color: #facd91 !important; }这样就解决了，还有什么方法 可以在下面留言，一起进步...
2021-09-09 14:02:15
13161
8
原创 uniapp小程序实现上拉加载更多
废话不多说直接上代码，对了这里的上拉组件使用的是uniapp自带的组件uni-load-more<template> <view> <view v-for="(item, index) in List" :key="index"> <view class=""> {{item.data}} </view> </view
2021-09-09 13:23:56
2414
原创 实现多种状态的数据判断（vue）
效果图：handleSmsType (type) { switch (type) { case 1: return '下单成功通知' case 2: return '发货通知' case 3: return '到店通知' } }第二种：
2021-09-09 13:15:07
723
原创 数组对象去重(vue)
一般的数组去重可以直接用 new Set() 方法即可，但是数组对象的话，比较复杂，不能直接用，我们可以采取间接的方法来去重直接上代码：<el-button type="primary" size="medium" @click="quChong()">点击</el-button>quChong() { let arr = [ { id: 1, name: '111'
2021-09-09 11:26:49
1568
原创 微信页面监听返回事件
$(function(){ pushHistory(); window.addEventListener("popstate", function(e) { //alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 //alert('guanbi'); WeixinJSBridge.call('closeWindow'); if(typeof(WeixinJS.
2021-09-09 10:37:18
708
原创 echarts X轴数据显示不全问题
xAxis: [ { type: 'category', axisLabel :{ interval:0 }, //data : ['平板','计算机','电力','软件','微电子','LED'] data: [] } ],坐标轴刻度标签的显示间隔，在类目轴中有效。默认会采用标签不重叠的策略间隔显示标签，...
2021-08-24 17:26:34
1065
原创 解决：ECharts数据更新后，图表没有更新问题
问题：ECharts图表数据我们都是从后台获取，点击今日查询重新获取数据时发现图表没有刷新setOption有3个属性，setOption(option,notMerge,lazyUpdate);第二个notMerge默认为false,即默认合并两个数据解决：设置为truemyChart.setOption(option,true);...
2021-08-20 16:29:03
3143
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人