摘要：
vue项目中关闭eslint，开启代码全局format的方法 关闭保存时自动代码检测 1. vue.config.js中 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ tran 阅读全文
posted @ 2024-08-05 10:54
毛三仙
阅读(61)
评论(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
毛三仙
阅读(358)
评论(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
毛三仙
阅读(47)
评论(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
毛三仙
阅读(22)
评论(0)
推荐(0)
摘要：
uniapp底部栏设置未读红点或角标 pages.json { ... // 省略 "tabBar": { "color": "#333333", "selectedColor": "#3296fa", "backgroundColor": "#ffffff", "borderStyle": "wh 阅读全文
posted @ 2024-08-05 10:54
毛三仙
阅读(302)
评论(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
毛三仙
阅读(63)
评论(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
毛三仙
阅读(652)
评论(0)
推荐(0)
摘要：
vue-seamless-scroll 点击事件不生效 问题：在使用此插件时发现，列表内容前几行还是能正常点击的，但是从第二次出现的列表开始就没有点击事件了 原因：因为html元素是复制出来的（滚动组件是将后面的复制出来一份，进行填铺页面，方便滚动） 解决：往滚动组件的父节点上添加绑定事件（js冒泡 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(453)
评论(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
毛三仙
阅读(11)
评论(0)
推荐(0)
摘要：
vue连接mqtt实现收发消息组件超级详细 基本概念： MQTT（Message Queuing Telemetry Transport）是一种基于发布/订阅模式的轻量级消息传输协议，专为低带宽、高延迟或不稳定的网络环境设计。以下是MQTT实现收发消息的基本原理： 客户端-服务器模型： MQTT基于 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(563)
评论(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
毛三仙
阅读(165)
评论(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
毛三仙
阅读(39)
评论(0)
推荐(0)
摘要：
scrollIntoView导致页面上移 解决 this.$nextTick(() => { let selectEventDom = document.querySelector(".checkClass"); selectEventDom.scrollIntoView({ behavior: ' 阅读全文
posted @ 2024-08-05 10:53
毛三仙
阅读(21)
评论(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
毛三仙
阅读(40)
评论(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
毛三仙
阅读(295)
评论(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
毛三仙
阅读(21)
评论(0)
推荐(0)
摘要：
js动态构建属性名并访问其对象属性(动态属性访问) 在开发中有时会遇到这种情况：你写了很多的函数，写完发现他们的操作逻辑都是相同的，但是原始数据不同，如： /* 获取 区域，道路 拥堵指数对应的色标 */ makeCongestionColor(num) { let outColor = '#fff 阅读全文
posted @ 2024-08-05 10:34
毛三仙
阅读(53)
评论(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
毛三仙
阅读(39)
评论(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
毛三仙
阅读(202)
评论(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
毛三仙
阅读(496)
评论(0)
推荐(0)
浙公网安备 33010602011771号