vue-element-ui日期element vue
【vue3-element-admin】Husky + Lint-staged + Commitlint + Commitizen + cz-git 配置 Git 提交规范
整合 Husky + Lint-staged + Commitlint + Commitizen + cz-git 并配置的 pre-commit 和 commit-msg 两个钩子分别实现 Git 提交前代码检测和 Git 提交信息规范。 ......
Vue3中 如何使用ref标签，对组件进行操作
在Vue2中 一般用 this.$ref.xxxx 进行获取组件对象 Vue3中就不使用这个方法了 例如: <el-upload class="upload-demo" action="" :http-request="handleUpload" :on-change="handleChange" ......
vue3中使用ref语法糖
自从引入组合式 API 的概念以来，一个主要的未解决的问题就是 ref 和响应式对象到底用哪个。 响应式对象存在解构丢失响应性的问题，而 ref 需要到处使用 .value 则感觉很繁琐，并且在没有类型系统的帮助时很容易漏掉 .value 写法优化 以上是官方原话。大概就是新的语法糖 可以让我们更方 ......
Vue3 初识setup
视频 二、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 1.拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Compositi ......
Vue3 vue-cli创建工程的工程结构分析
视频 不能用vue2的写法了 #components ##HelloWorld.vue <template> <div class="hello"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / custom ......
安装vue-lic
vue-cli是Vue.js开发的标准工具。它简化了程序员基于webppack创建工程化的Vue项目的过程。引用自vue-cli官网上的一句话:程序员可以专注在撰写应用上,而不必花好几天去纠结\webpack配置的问题。 安装和使用 （1）确保电脑已经安装了node.js，如果不确定自己是否安装了n ......
vue中开启https
vue2.0中 项目工程根目录下，找到文件 vue.config.js。设置 module.exports.devServer.https: true 项目工程根目录下，找到文件 vue.config.js。设置 module.exports.devServer.https: true module ......
Vue3 vue-cli或vite创建工程
使用 vue-cli 创建工程视频 使用 vite 创建工程视频 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确 ......
vue3+vant创建移动端项目，实战项目常见采坑记录
前言： 产品背景介绍 我所做的这个项目，刚开始是没有移动端需求的，等PC端做完了上线使用了几个月后，突然有一天产品经理找到我说是要做一个在PC端添加一个快速注册入口，用手机微信扫二位码进入移动端注册页面，用户注册。 所以本次需求就是在PC端添加一个tool-tip气泡型弹出二维码，再开发一个移动端注 ......
vue中的动态写法
1. :class=" `${ isShow? 'box': '' }` " 2. <div : edit=' getEdit(item.id) ' getEdit(id) { return this[ 'edit' + id] } 3. this.edit1 = this['edit' + id] ......
Java 后台获取当月日期集（年月日）， java 获取当天日期（年月日）
`/** * 通过函数获取当月年月日日期集 * @return */ public static List<String> getDayByMonth(){ List<String> data = new ArrayList<>(); try { Calendar c = Calendar.getI ......
Vue中单选框或复选框中的label内容过长，超出范围
解决办法: 1、直接把字体调小 2、当需要的字体大小还是超出了范围时 在css中写（如果是复选框；单选框的class： el-radio__label） .el-checkbox__label { text-overflow: ellipsis; white-space: normal; line- ......
[apue] 一图读懂 Unix 时间日期例程相互关系
GMT 和 UTC 时间有何区别？Unix 时间例程为何不处理闰秒？系统时区是如何设置的？哪些时间例程受夏时制影响？localtime 和 gmtime 是否共享内部存储区？strftime 获取第几周使用的 %U/%V/%W 有何区别？linux date 和 mac date 语法有何区别？本文... ......
微信小程序日期计算IOS无效的问题
需求：列表需要通过时间筛选出日期内的数据展示 代码在微信开发者工具真机调试与安卓手机测试都没啥问题，但是在ios中提交的参数 时间的值总是null /** * 近三天 * @param {*} last */ const getTimeThreeDay = last => { const year ......
如何写一个脚本判断日期是否合法
【需求】 用shell脚本判断输入的日期是否合法。就是判断日期是否是真实的日期，比如20170110就是合法日期，20171332就不合法。假定年份不超过4位。 【分析】 判断日期是否合法，使用cal命令即可，cal命令用法： 1）cal什么都不加，打印全年的日历 cal 2）cal后面带一个参数， ......
vite启动vue项目报错import { performance } from 'node:perf_hooks'
import { performance } from 'node:perf_hooks'^^^^^^ SyntaxError: Cannot use import statement outside a module 要求node版本要大于16 使用nvm 切换node版本 成功运行 ......
二、使用Vue3 + Vue CLI 实现系统前端模块的搭建
主要内容 前端模块的搭建：Vue CLI5 + Vue3 + Ant Design Vue3 完成手机号登录/注册功能 收获 学会纯前端项目的搭建 理解前后端分离架构 本地环境准备 vue cli安装: https://cli.vuejs.org/zh/guide/installation.html ......
文件名称使用vue前端设置utf-8乱码问题
文件名称使用vue前端设置utf-8乱码问题 1、下载入口 /** * @description 下载文件到前端 * @params response * @params filePath 文件存放的完整路径，以文件名结尾 *@params fileName * @return void */ pu ......
vue中el-checkbox全选、反选、多选
<template> <div> <el-checkbox v-model="checkAll" @change="handleCheckAllChange" :indeterminate="isIndeterminate" >全选</el-checkbox > <el-checkbox v-mod ......
vue input每次输入一个字符后自动失去焦点 问题
我在输入框输入的时候，每输入一次，输入框就自动失去焦点了。ps：实现的功能是，一个列表组件，每个对象中都有一个input输入框。 <div class="addTags" v-for="(item,index) in list" :key="item.title"> <input type="tex ......
【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范
通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......
Vue中使用全局事件总线
使用第三方库mitt实现全局事件总线，其原理，和Vue2类似，在app.config.globalProperties上添加总线，然后在需要的组件中引入，调用其on/emit/off等方法实现绑定、派发和解绑等操作 1、下载安装 npm i mitt 2、在main.ts中配置 import { c ......
在Vue中，关于require与required
在 Vue 里面，是用 require 还是 required？始终拿捏不定，所以这里记录一下 图片是 require('@/xxx') props 里面是 required 表单验证里面是 required 总结：只有图片是 require，其它都是required ......
vue 项目npm run dev(启动)时报错The service was stopped
vue项目yarn upgrade后vite build报错，如何项目也运行不起来了。 报错截图： 解决办法： 删除node_modules文件夹，然后执行yarn install重新生成心的node_modules。 ......
stata 修改日期格式
use 股票名称地区改造日期,clear gen rq=date(list_date,"YMD") format rq %td format rq %dCY-N-D gen rq1=date(list_date,"YMD") format rq1 %tw gen rq2=date(list_date ......
复选框数据通过axios和Vue传输到servlet后台
引言 本来是想百度一下如何将table标签里面嵌入的复选框通过axios以及Vue传输到Servlet后台； 百度之后才发现，是我草率了，原来可以直接用复选框标签进行传输（好吧，又暴露了自己基础不扎实的事实......） 相关实现步骤 1、将相关的标签el-checkbox引入进去 这里我们需要引入 ......
vue2源码-六、根据render函数生成vnode
根据render函数生成vnode 上文介绍 上面已经将模板编译成了render函数，下面就要使用render函数，从而完成渲染的操作： 首先，根据render函数生成虚拟节点；然后根据虚拟节点+真实数据生成真实节点。 实现mountComponent方法，完成渲染 虚拟节点生成 封装vm._ren ......
vue按钮禁用
一个按钮的动态禁用设置是如此多坑 必须要用到prop、data prop来绑定其属性disabled，data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el ......
vue-devtool
vue-devtool是使用vue必不可少的一个工具，他可以让你在开发vue项目的时候，实时展示页面上的变量。 1、下载 到github下载：https://github.com/vuejs/devtools 可使用git或者直接下载zip包 安装依赖，最好使用yarn，因为该项目使用yarn 这一 ......