vue

husky 是一个 Git Hook 工具。主要实现提交前 eslint 校验和 commit 信息的规范校验，也可以避免多人合作时代码格式化不统一造成的冲突； 1. 安装 husky，lint-staged npm i -D husky lint-staged 2.在package.json中新增如下配置 { ... "scripts": { ... }, "husky": { "hooks":…

前言：项目总结：在vue项目（不是vue项目也一样的）中使用video标签后在苹果手机上播放视频后不能拖动播放进度条。 解决方案 下载video.js插件 npm install vue-video-player --save main.js全局引入 import VueVideoPlayer from 'vue-video-player' import 'video.js/dist/video-…

el-date-picker日期选择器 el-date-picker 日期禁选 下面这是 禁选当天以后日期 。 :picker-options="pickerOptions" 属性 1、pickerOptions: { disabledDate(date){ let zero=new Date().setHours(0, 0, 0, 0); if(date.getTime() > zero)…

父组件 <Input v-model="val"/> 子组件 <input v-model="input" /> props: { modelValue: { tppe: [ String | Number], default: '', }, }, setup(props, { emit }) { const input = ref('') const clearVal =…

因为项目要用Vue,所以被迫开始玩Vue,安装环境的文章比较少，我自己搭建Vue开发环境的时候顺便记录了一下安装步骤，供大家使用。 1、安装nodejs 下载地址： Node.js 2、配置nodejs，在NodeJs下建立"node_global"及"node_cache"两个文件夹，然后执行 npm config set prefix "C:\tools\nodejs\node_global"…

vue项目打包后，可以直接通过一个html界面查看，上传至云服务器资源列表就能直接访问。网上vue项目打包部署有很多不必要的操作，而且仍然需要通过云服务器站点的:8088端口访问，非常麻烦，这里直接介绍最简单的操作。用的例子是之前文章的 知识图谱项目 。具体步骤包括： 文章目录 1. VUE项目本地打包 （1）先保证vue项目连接本地数据库访问成功 （2）修改项目文件连接云数据库 2. 云服务器上…

需求：全屏滚动页面中鼠标滚轮滚动，指定时间内触发滚动时间不重复执行 1、先定义防抖函数 // 函数防抖 // immediate - 是否首次执行 const debounce = (func, dalay = 100, immediate = true) => { let timer, callNow = immediate; return (...args) => { if (ti…

项 目 最终的效果如图所示 ， 最终效果涉及 到 6 个图表 , 5 种图表类型 , 它们分别是折线图 , 柱状图 , 地图 , 散点图 , 饼图.。每个图表的数据都是从后端推送到前端来的 , 不过在项目的初期 , 我们会先使用 ajax 由前端主动获取数 据 , 后续会使用 WebSocket 进行改造。整个项目的架构 是 基于 Vue 的 , 所以我们需要创建 Vue 项目 , 然后在 Vue…