vue-element-ui日期element vue
Android 中Sqlite数据库存日期long与字符串转换
以下是代码片段 model中 private long bindingTime; private long completionTime; long转日期字符串，使用Java8中的 long bindingTimeMillis = equipBind.getBindingTime(); if(bin ......
vue:登录后跳转到之前要访问的页面(vue@3.3.4)
一，安装pinia liuhongdi@lhdpc:/data/vue/responsive$ npm -S install pinia 安装完成后查看已安装的版本: liuhongdi@lhdpc:/data/vue/responsive$ npm list pinia responsive@0. ......
vue:路由错误/404 not found(vue-router@4.2.4)
一，官方文档地址: https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html 二， 代码: 1,router配置 { path: '/:pathMatch(.*)*', name: 'NotFound',meta:{titl ......
搭建Springboot+Vue+Element的简单系统流程
今天研究了一下如何把Springboot+Mybatis和Vue+Element结合起来使用 详细写一篇博客来记录一下流程吧，因为途中发现了很多的问题 首先，创建Springboot项目，惯例添加依赖 <?xml version="1.0" encoding="UTF-8"?> <project x ......
vue中beforedistory应用
遇到一个问题,就是我在使用全局事件总线的时候发布了一个事件,然后在a组件里面这个时间会被触发一次,在b组件里面也会触发一次.这两个组件是平级组件不是嵌套组件.然后呢,在a组件触发完之后,我去了b组件,在b组件中触发相同时间的时候,a组件的逻辑和b组件的逻辑都执行了一次. 一开始我在想,他两都不在用一 ......
Vue扩展组件系列
注意日期范围都是要 日期/时间两种格式（date/datetime,默认值：date） 1、日期范围快选【当前日期-7天，当前日期】 近期三天、一个周、一个月、三个月、一年 v-model = { FieldName:'CTime', FieldValue:[]} 2、快速筛选2 截至日期【选择字段 ......
在vue3中使用element-plus页面重置报ResizeObserver loop completed with undelivered notifications.
在main.js中 const debounce = (fn, delay) => { let timer = null; return function () { let context = this; let args = arguments; clearTimeout(timer); time ......
vue3 使用 i18n
安装 官网：https://vue-i18n.intlify.dev/api/general.html pnpm add vue-i18n@9 使用 // @/locale/index.ts import appConfig from "@/configure/app.config.ts"; imp ......
在 WebStorm 里调试 vue3 项目
官方说明：https://blog.jetbrains.com/webstorm/2018/01/working-with-vue-js-in-webstorm/#:~:text=We can debug our application,and start the debug session. 打开 ......
vue3 使用 pinia
安装 pinia 官网： https://pinia.vuejs.org/ pnpm add pinia 使用 新建 pinia 实例 // @/store/index.ts import {createPinia} from "pinia"; import useUserStore from "@ ......
vue3 使用 vue-router
安装 vue-router pnpm i vue-router 使用 vue-router 创建自己的 router // @/route/index.ts import {createRouter, createWebHashHistory} from 'vue-router' import ty ......
1小时学会Vue之VueRouter&Vuex 学习笔记
https://www.bilibili.com/video/BV1zF411R7cR/ 开发工具推荐 vue-devtool 地址 https://devtools.vuejs.org/guide/installation.html 一 router 动态路由 嵌套路由 编程式导航 导航守卫 二 ......
vue 数据data-uniapp
data 属性 data 必须声明为返回一个初始数据对象的函数（注意函数内返回的数据对象不要直接引用函数外的对象）；否则页面关闭时，数据不会自动销毁，再次打开该页面时，会显示上次数据。 //正确用法，使用函数返回对象 data() { return { title: 'Hello' } } //错误 ......
vue2 指令- unaipp
指令 指令是有 v- 前缀的特殊属性。 指令属性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。 指令的作用是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 一些指令能够接收一个“参数”，在指令名称之后以冒号（ : ）表示。 v-bind 动态地绑定一个 ......
Springboot+Echarts+Element（二）
今天主要是记录一些问题，主要是在使用vue通过axios发送请求的时候，起初我认为需要把vue和springboot整合到一块 但是在听完课之后发现并不需要，因为vue的目的是实现前后端分离的开发，因此两个项目可以同时运行，调整vue项目 就是改前端代码，调整springboot就是改后端代码，前端 ......
手撕Vue-构建Vue实例
前言 要想使用Vue必须先创建Vue的实例, 创建Vue的实例通过new来创建, 所以说明Vue是一个类, 所以我们要想使用自己的Vue, 就必须定义一个名称叫做Vue的类。 只要创建好了Vue的实例，Vue就会根据指定的区域和数据，去编译渲染这个区域，所以我们需要在自己编写的Vue实例中拿到数据和 ......
vue 学习笔记
https://www.bilibili.com/video/BV13m4y1Y7MD 安装 vue cli 1 安装 node.js 要求 node.js 12+版本， https://nodejs.org/zh-cn 首页下载安装lts版本，如果已安装就覆盖安装 vscode 终端或cmd中 输 ......
Springboot+Echarts+Element（一）
算作是之前的Springboot+Echarts的进阶版 因为引入了更多前端的知识，主体是Vue，今天学习了Vue的部分语法，但是说实话，我认为对我来说意义不是特别大 因为多数情况下我们所做的都是把后端数据库内容传输到前端，而在老师的Vue语法部分讲解的大部分是纯前端写死的一些知识 因此我把重心放在 ......
vue3+vite+ elementplus项目部署到gitee pages并发布
1.在gitee上新建仓库 命名：demo-vite-vue3 2.把新建的仓库克隆到本地 3.在本地的master分支编写代码并上传 把分支定位在master分支上 通过git工具把本地完成的代码上传到gitee的demo-vite-vue3仓库中去 git pull git add . git ......
Vue框架快速上手
Vue基础 vue指令 内容绑定 v-text 设置标签的内容一般通过双大括号的表达式{{ }}去替换内容 {{ hello }} v-html 与v-text类似区别在于html中的结构会被解析为标签设置元素的innerHTML,v-text只会解析文本 事件绑定 v-on 可以简写为@，绑定的方 ......
Vue
Vue.js快速入门 一、前端技术栈 1、HTML:超文本标记语言。 2、CSS:样式层叠器。 3、javaScript：弱类型脚本语言，常用于动态DOM操作。 常用：ES5(所有浏览器支持)、ES6(主流使用，主流浏览器支持，可通过WebPack脚手架编译成ES5语法)。 4、JQuery：大家熟 ......
Vue之组件基础使用的总结
这两天学习Vue,框框往脑子里面记新东西，无奈本人太笨，记不住太多东西，因此发博客记录并且复习一下。 在学习组件之前，需要先搭建起来脚手架，首先需要安装好node.js(默认大家都安装了) 然后打开命令行窗口，创建项目的路径我就以桌面为例： 首先这是脚手架的官方说明 因此我们需要先全局安装cli的包 ......
Vue3 appear 失效 如何使用 appear
最近在学习 vue3 的动画时遇到 appear 无法生效的问题 问题的具体表现: 看以下代码,按理应该来说,如果我们设置 fuct-appear-from,fuct-appea-active 后在元素初始出现时应该会有一个效果 html <Transition name="fuct" appear ......
Vue双向数据绑定原理-下
Vue双向数据绑定原理-下这一篇文章主要讲解Vue双向数据绑定的原理，主要是通过Object.defineProperty()来实现的，这里我们手写Vue双向数据绑定的原理。 首先我提出一个需求，我的需求是，快速监听对象中所有属性的变化。 首先得要有一个对象，对象的定义代码如下： <script> ......
Vue双向数据绑定原理-中
defineProperty方法 defineProperty除了可以动态修改/新增对象的属性以外, 还可以在修改/新增的时候给该属性添加get/set方法, 从而实现数据劫持。 defineProperty get/set方法特点 只要通过defineProperty给某个属性添加了get/set ......
vue:自定义validator/验证规则(element-plus@2.3.12)
一，官方文档地址: https://element-plus.gitee.io/zh-CN/component/form.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C%E8%A7%84%E5%88%99 二，js代码： 1 2 3 4 5 6 ......
vue:el-table在resize时报错(element-plus@2.3.12)
一，报错信息: Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications. at handleError (webpack-internal:///./node_modu ......
使用正则表达式判断日期字符串格式是否合法遇到的问题(解决)
我们在使用SpringMVC从前端接受传递过来的日期数据时，默认传递过来的数据是String类型，如果我们从前端传递过来的数据格式是yyyy/MM/dd，SpringMVC有内置类型转化器会将String类型自动转化成Date类型。但如果我们从前端传递过来的数据格式是yyyy-MM-dd，Sprin... ......
vue处理响应式的思路
首先看如下js代码 let a = '张三'console.log(a) // 当前页面展示的是张三 a = '李四' 首先页面刚开始渲染的时候数据a为张三，之后将a修改为了李四以后页面不会发生改变，但是数据已经修改了，vue为了解决这一问题，采用响应式的办法。 通过对象的definePropert ......