监听器watch vue
vscode保存时自动ESLint格式化(vue)
一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
vue 阻止向上和向下冒泡
1、阻止向下冒泡<div @click.self="cancelFunc"></div> 2、阻止向上冒泡<div @click.stop="cancelFunc"></div> ......
VUE怎么实现web端上传超大文件
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
监听 input type=file 文件上传取消事件
在做项目的时候，需要根据是否上传图片，（前提是已经上传文件，再次上传取消时，监听取消事件）进而判断页面变化。通过查阅相关资料，发现change事件并不能监听取消，于是从另外一种角度：判断上传的文件是否有值，进而监听取消事件。 代码如下： <input type="file" name="file" ......
Oracle 11g R2创建数据库时，提示：要求在当前Oracle主目录中配置监听程序 必须运行Netca以配置监听程序
问题描述： Oracle 11g R2创建新的数据库时出现：使用Database Control配置数据库时，要求在当前Oracle主目录中配置监听程序必须运行Netca以配置监听程序，然后才能继续。或者，可以选择继续，但不使用Database Control配置。 解决方法如下： 解决方法很简单： ......
实现态展示数字（从0动态涨到指定数字）vue2与vue3
vue2 1 安装插件npm install vue-animate-number 2 在MAIN.JS中引入import Vue from 'vue'import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber) ......
Vue router 跳转
useRouter（跳转）, useRoute（获取路由参数） // login.vue // 路由跳转-引入-01 import { useRouter } from "vue-router"; // 路由跳转-实例化后-02 // useRouter 使用push方法进行跳转 const rou ......
Spring Boot事件的全面指南：事件类、发布者、监听器、异步、条件
ApplicationEvent介绍 SpringBoot中的ApplicationEvent是一种基于观察者模式实现的事件处理方式，它可以用于在Spring容器内部发布和订阅消息。事件监听与发布的过程如下： 事件类（Event）：继承自ApplicationEvent类，用于封装事件数据。从Spr ......
vue 加减乘除精度问题处理
安装 bignumber.js yarn add bignumber.js 新建bignumber.js文件 import { BigNumber } from 'bignumber.js' 加 export const plus = (a, b) => { const newPlus = new ......
vue的几个记录
1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 （父-》子-》子，也只需要在最后一个子组件监听即可。） 需要用到监听器 watch:{ //监听父组件传递的 ......
Vue登录页
1. 创建login.vue文件 // @/pages/login.vue <el-form ref="formRef" :rules="rules" :model="form"> <el-form-item prop="username"> <el-input v-model="form.user ......
Vue2异步更新及nextTick原理
vue2.7 源码中，nextTick并没有直接使用某个 API ，而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks，用于存储 nextTick 回调 ......
vue-day2
绑定class样式 :class="" (v-bind的缩写) 修改vue维护的数据，而非直接操作dom 绑定style，内联样式，交给vue管理（要对象，或者数组） font-size -> fontSize 换位驼峰 ⭐⭐⭐vue条件渲染 v-show 底层 -> 调整style行内样式， di ......
使用Eclipse开发Vue——CodeMix够智能
使用Eclipse开发Vue——CodeMix够智能 Eclipse的CodeMix插件允许您访问 VS Code和Code OSS扩展社区，以及 Webclipse 1.x 功能。 Vue.js是构建用户界面的渐进式框架。核心 Vue 库只关注视图层，但很容易将其与其他库或现有项目集成。如果您想在 ......
vue-router
################### npm install vue-router Vue.use()方法的源代码如下： function install(Vue) { // 避免重复安装插件 if (install.installed && _Vue Vue) return install.in ......
Vue——patch.ts【十四】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们扩展下 Vue 的 patch。 内容 这一块主要围绕 vue 中的__patch__进行剖析。 __patch__ Vue.prototype.__patch__的方法位于scr/platforms/web/runtime/in ......
Vue开发规范
############################### 单文件组件内容： <!--componentA.vue--> <script>/*...*/</script> <template>...</template> <style>/*...*/</style> 组件相关： 尽可能的减少wa ......
Vue Router 学习整理
Vue Router 是Vue.js的官方路由。它与Vue.js 核心深度集成，让用Vue.js构建单页应用变得轻而易举。功能包括： 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由Vue.js的过度系统提供的过渡效果 细致的导航控制 自动激活CSS类的链接 H ......
VUE-Antd开发，validate规则校验第一次为空，后面无论怎么输入都显示不可为空
问题描述 场景是修改弹窗，给数据赋值，其中数据有String 和 Array 第一次操作 多选框（数据类型是Array）输入为空并在输入框外点击，显示不可为空。 之后无论怎么输入都显示不可为空。（当你控制台输出校验value时，会发现里面的值永远是第一次操作的数据，而非为空） 可能原因 1️⃣rul ......
简单分享-项目中监听文件夹及文件的方法
首先实现对应接口 import org.apache.commons.io.monitor.FileAlterationListenerAdaptor; import java.io.File; public class FilterListener extends FileAlterationLi ......
ant-design-vue日历面板 a-calendar 属性自定义设置
通过自定义属性设置,实现一个周末与工作日的不同颜色设置 效果图: 使用的属性: 自定义头部设置 headerRender 自定义日期显示 dateFullCellRender 代码: <template> <div class="box"> <h3>1.自定义头部; 2.自定义日期显示,工作日显示, ......
将Vue项目部署到Tomcat服务器上（简单、粗暴）
1. 将项目打包 Vue中自带webpack，可以通过一行命令将项目打包 # 执行该命令打包 npm run build 2. 上传相应文件到服务器上 打包完成后，项目中会多出一个dist文件夹， 这个文件夹中就包含html、css、js等文件 直接将dist文件夹上传到Tomcat的ROOT目录下 ......
Vue常用指令
常用指令 指令：HTML标签上带有V-前缀的特殊属性，不同指令具有不同含义。 常用指令 | 指令 | 作用 | | | | | v-bind | 为HTML标签绑定属性值，如设置href , css样式等 | | v-model | 在表单元素上创建双向数据绑定 | | v-on | 为HTML标签 ......
html页面里面的button标签使用@click属性时，无法定位到Vue的method里面
问题解决 就很离谱，都是按照网上的教程来的，一直无法定位，之后跟着加上了div标签，加上了id属性，方法还是灰白色，调用不了； 后来直接将el属性名称更改掉了，没想到这样就成功识别到了，反正就是逻辑没有出问题，最后也达到期望值了。 ......
vue-router 设置active路由颜色
声明：以下是vue3设置方式，vue2一样 第一步 createRouter({ // router-line-active 可以自定义别的名字，随便 linkActiveClass: 'router-line-active', history: createWebHistory(), routes ......
教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023
这篇如果 Vue 和 CesiumJS 不发生史诗级的变动，应该不会再有后文了。主要是这类文章没什么营养。 这篇主要修正上篇 https://www.cnblogs.com/onsummer/p/16629036.html 中一些插件的变化，并升级开发服务器的版本。 心急的朋友拉到文末，有示例工程链 ......
vscode 开发 vue3项目 ， src 别名 为 @ ，报错
https://geekdaxue.co/read/me-note@vue/mydm8l 需要设置 basicURL 然后就生效了 { "compilerOptions": { // 设置解析非相对模块名称的基本目录 "baseUrl": ".", // 设置模块名到基于baseUrl的路径映射，可 ......
JS事件监听
事件绑定 方式一:通过HTML标签中的事件属性进行绑定 <input type="button" onclick="on()" value="按钮1"> <script> function on(){ alert( '我被点击了!') }; < /script> 方式二:通过DOM元素属性绑定 <i ......