摘要：
vue项目中关闭eslint，开启代码全局format的方法 关闭保存时自动代码检测 1. vue.config.js中 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ tran 阅读全文
posted @ 2024-08-05 10:54
毛三仙
阅读(83)
评论(0)
推荐(0)
摘要：
leaflet 实现绘制省市区域边界并填充颜色 async initMap() { this.map = L.map("map", { center: [30.998257, 103.653534], zoom: 11, attributionControl: false, // 隐藏logo zo 阅读全文
posted @ 2024-08-05 10:54
毛三仙
阅读(389)
评论(0)
推荐(0)
摘要：
mysql服务启动失败 打开mysql_error.log，滑到最底部，发现报错信息如下： 报错信息： 2024-04-07 16:57:38 0 [Note] Server socket created on IP: '::'. 解决办法： 复制C:\xampp\mysql\data文件夹【复制到 阅读全文
posted @ 2024-08-05 10:54
毛三仙
阅读(53)
评论(0)
推荐(0)
摘要：
npm配置 切换镜像源 npm config set registry https://registry.npm.taobao.org npm config set registry http://registry.npmjs.org/ 设置用户名和邮箱 npm config set usernam 阅读全文
posted @ 2024-08-05 10:54
毛三仙
阅读(24)
评论(0)
推荐(0)
摘要：
uniapp底部栏设置未读红点或角标 pages.json { ... // 省略 "tabBar": { "color": "#333333", "selectedColor": "#3296fa", "backgroundColor": "#ffffff", "borderStyle": "wh 阅读全文
posted @ 2024-08-05 10:54
毛三仙
阅读(352)
评论(0)
推荐(0)
摘要：
uniapp页面跳转传参 1. uni.navigateTo 传： <view @click="showDetail({id: 1})"></view> showDetail(data) { uni.navigateTo({ url: "/pages/sys/workbench/productCen 阅读全文
posted @ 2024-08-05 10:54
毛三仙
阅读(68)
评论(0)
推荐(0)
摘要：
uniapp中u-input点击事件失效 当给u-input设置了disabled/readonly属性后，pc浏览器中点击事件失效，但是app/移动端h5中却仍有效 解决办法 给外边包上一个盒子设置点击事件，给input加上css属性：pointer-events：none pointer-eve 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(720)
评论(0)
推荐(0)
摘要：
vue-seamless-scroll 点击事件不生效 问题：在使用此插件时发现，列表内容前几行还是能正常点击的，但是从第二次出现的列表开始就没有点击事件了 原因：因为html元素是复制出来的（滚动组件是将后面的复制出来一份，进行填铺页面，方便滚动） 解决：往滚动组件的父节点上添加绑定事件（js冒泡 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(499)
评论(0)
推荐(0)
摘要：
Vue动画（transition） 动画列表（选择其中一个即可） /* fade */ .fade-enter-active, .fade-leave-active { transition: opacity 0.28s; } .fade-enter, .fade-leave-active { op 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(19)
评论(0)
推荐(0)
摘要：
vue连接mqtt实现收发消息组件超级详细 基本概念： MQTT（Message Queuing Telemetry Transport）是一种基于发布/订阅模式的轻量级消息传输协议，专为低带宽、高延迟或不稳定的网络环境设计。以下是MQTT实现收发消息的基本原理： 客户端-服务器模型： MQTT基于 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(618)
评论(0)
推荐(0)
摘要：
vue实现3d词云组件 <!-- * @Description: 词云组件 页面 * @Date: 2024/3/10 23:39 --> <template> <div :style="{ display: 'flex', justifyContent: 'center', border: '1p 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(188)
评论(0)
推荐(0)
摘要：
vue实现esc关闭div弹窗的自定义指令 弹窗是 div 实现的（非el-dialog）,效果：按下esc，关闭弹窗 directive/divEscClose/divEscClose.js export default { bind: function (el, binding, vnode) 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(45)
评论(0)
推荐(0)
摘要：
scrollIntoView导致页面上移 解决 this.$nextTick(() => { let selectEventDom = document.querySelector(".checkClass"); selectEventDom.scrollIntoView({ behavior: ' 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(23)
评论(0)
推荐(0)
摘要：
vue实现弹窗的动态导入（:is="dialogName"） 组件的动态挂载 弹窗aaa.vue <template> <el-dialog width="700px " v-dialog-out destroy-on-close v-if="dialogVisible" :title="title 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(47)
评论(0)
推荐(0)
摘要：
vue实现项目部署成功之后提示用户刷新页面 1. 项目根目录新建 version.js require("fs").writeFileSync("./public/version.txt", new Date().getTime().toString()) 2. 改写package.json中打包命 阅读全文
posted @ 2024-08-05 10:35
毛三仙
阅读(333)
评论(0)
推荐(1)
摘要：
js获取未来n天的时间.md 2024.02.02（今天）如果传入5则获取未来5天的时间数组 [ {date: "2024-02-02,"isToday: true,week: "星期五"}, {date: "2024-02-03,"isToday: false,week: "星期六"}, {dat 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(25)
评论(0)
推荐(0)
摘要：
js动态构建属性名并访问其对象属性(动态属性访问) 在开发中有时会遇到这种情况：你写了很多的函数，写完发现他们的操作逻辑都是相同的，但是原始数据不同，如： /* 获取 区域，道路 拥堵指数对应的色标 */ makeCongestionColor(num) { let outColor = '#fff 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(58)
评论(0)
推荐(0)
摘要：
HBuilder 新建的项目实现全局格式化 npm install prettier --save-dev package.json中配置如下命令 "scripts": { "format": "prettier --write "pages//*.js" "common//.js" "pages/ 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(47)
评论(0)
推荐(0)
摘要：
el-slider实现一个能拖动的时间范围选择器 <template> <div style="width: 200px"> <el-slider v-model="workTime" :step="5" :max="1435" :marks="marks" :format-tooltip="for 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(215)
评论(0)
推荐(0)
摘要：
el-date-picker周选择器获取选择的日期范围 <el-date-picker v-model="formData.date" type="week" format="yyyy 第 WW 周" placeholder="选择周" @change="weekChange" > </el-dat 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(521)
评论(0)
推荐(0)
摘要：
el-date-picker月选择器获取选择的日期范围 <el-date-picker v-model="monthValue" type="month" placeholder="选择月" value-format="yyyy-MM-dd" @change="monthChange" > </el 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(211)
评论(0)
推荐(0)
摘要：
el-date-picker 日期组件切换的坑 问题描述： 问题1. 根据类型切换需要的时间选择器组件（搜索栏是一个form组件，里面有input、select、picker等，在使用的页面里传入指定的类型就能展示）第一次按顺序切换日常发，周常发，月常发是没问题的，但是当第二次选择周常发时，选择器无 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(278)
评论(0)
推荐(0)
摘要：
echarts自定义x轴和tooltip数据格式 x轴和y轴数据格式如下 x: [0, 1, 2, 3, 4, 5, 6, ....., 23], y: [2.5, 3.1, 3.2, 2.2, 2.3, 3.1, 3.1, null, null, null, .... ,null] // 接口返回 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(167)
评论(0)
推荐(0)
摘要：
echarts 折线组件 echarts 折线组件 <template> <div class="lineChartsTemplate" :id="chartsId"></div> </template> <script> export default { name: "lineChartsTemp 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(46)
评论(0)
推荐(0)
摘要：
echarts设置tooltip遇到值为0不展示的问题(已解决) 遇到值为0时 tooltip: { trigger: "axis", extraCssText: "z-index:3", axisPointer: { type: "shadow", // 默认为直线，可选为：'line' | 's 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(486)
评论(0)
推荐(0)
摘要：
echarts设置tooltip的层级 tooltip: { trigger: "axis", extraCssText: 'z-index:3', // 修改层级 borderColor: "rgba(0, 170, 255)", }, 完整的option示例如下： option = { tool 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(311)
评论(0)
推荐(0)
摘要：
div 中添加 el-loading(局部 loading 的使用) 效果：在 div 中实现 el-loading https://img-blog.csdnimg.cn/c2870e74bd344b06ad1ccb0844b8e8ce.png <div class="content-main"> 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(197)
评论(0)
推荐(0)
摘要：
css实现el-select右侧箭头向上向下动画 <div class="chooseTag-tip"> <i :class="['el-icon-arrow-up', tipFlag ? 'chooseTag-tip-up' : 'chooseTag-tip-down']"></i> </div> 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(79)
评论(0)
推荐(0)
摘要：
Access to image at ... from origin ... has been blocked 图片跨域 Access to image at 'http://127.0.0.1:3000/api/getImg?url=/uploads/file/20240421/file-1713 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(76)
评论(0)
推荐(0)
摘要：
打造自己的前端组件库 新建vue项目(sass + js + vue2) vue create yt-ui 修改文件目录(如下) 修改： 1.src 更名 examples; 2. src/components移动到项目最外层；3.vue.config.js更改入口文件 // vue.config. 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(18)
评论(0)
推荐(0)
浙公网安备 33010602011771号