事件input vue
【vue】,封装的table组件，table表格超出高度自适应滚动效果，设置页面全局统一自适应高度
需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta ......
vue3 如何判断组件中的 slot 是否有填充？
两种方法： 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
# vue3 组件之间传值
vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI ......
vue response post 请求 excle 下载
export function downloadExcel(obj) { return request({ url: '/basic/cycleMoneyReport/downloadExcel', method: 'post', data: obj, // 请求方式必须添加 responseTyp ......
vue 批量打印
<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......
Vue 倒计时小组件
商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠，这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法，循环的不断调用清除调用清除，具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
vue3引入使用svg图标
vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
vue2.5.2设置二级目录访问
vue发布到IIS后，需要通过二级域名访问： 1、找到config->index.js 节点assetsPublicPath，设置你要的二级域名名称 2、IIS创建站点后，在站点下添加应用程序web （跟上面同名） ......
vue js 引入sdk，思路代码整理 app.vue引入
代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
vue 将百度地图或者高德地图组件化
一、前言 百度地图已经有了 react 相关的组件库，本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉，百度地图 webgl、高德地图都是一样的，因为底层都是通过 js 控制地图 如果用组件的方式开发，比如我将 BMap.Marker 作为一个组件，我暴露一个参数position，其目的是 ......
js事件流
什么是事件流 事件流指的是浏览器处理事件的方式 在js中，事件流分为3个阶段：捕获阶段，目标阶段，冒泡阶段 这三个阶段的发生顺序：先是捕获阶段，再是目标阶段，最后是冒泡阶段 捕获阶段 事件从最外层的文档对象（document）开始，逐级向下传播，知道到达事件的目标节点 目标阶段 事件到达目标节点，触 ......
vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK 2. 在 ......
vue中get和post请求
vue中和后台交互，首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中ｇｅｔ请求 function ......
vue3+lottie实现动画
1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
cmd黑窗口报错：输入行太长（The input line is too long）
1.情景展示 如上图所示，当我在命令提示符窗口执行命令时，报错： The input line is too long.The syntax of the command is incorrect. 怎么办？ 2.具体分析 要运行命令的所在路径太长了，我们只需将需要启动的bat文件所在目录迁移至磁盘 ......
Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题
路由的 两种传参方式： 一： 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二： 编程式 $router.push(...) //该方法的参数可以是一个字符串路径，或者一个描述地址的对象。 不带参数写法： // 字符串（对应 ......
AI大事件，持续更新
2023年-12-28号记录 背景 从2022年到今天这个世界已经发生很多变化了，随着chatgpt的推出，AI新纪元正式来到 本博客，会紧跟最新动态罗列国内外发生大事，我们虽然不能每个都研究深入，但做到心中有数，用到时知道原来前人已种好树，你只需要来乘凉就行 欢迎各位看官，把我没有记录的大事件，留 ......
.in'ig.status: error: cannot find input file: `
交叉编译 libaac 库，源码下载地址 https://sourceforge.net/projects/faac/ 解压 unzip faac-1.28.zip cd faac-1.28.zip 执行./bootstrap 时出现如下错误 # ./bootstrap -bash: ./boots ......
主编夜话，2023 技术圈儿大事件盘点丨 RTE 开发者日报 Vol.115
开发者朋友们大家好： 这里是「 RTE 开发者日报 」，每天和大家一起看新闻、聊八卦。我们的社区编辑团队会整理分享 RTE （Real Time Engagement） 领域内「有话题的 新闻 」、「有态度的 观点 」、「有意思的 数据 」、「有思考的 文章 」、「有看点的 会议 」，但内容仅代表编 ......
封装一个表情包组件（支持自定义表情图片）（基于vue3语法）
效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
vue3.0之表格拖拽-最简单的表格(不带层级/树级)
const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......
事件处理
事件绑定 如何给按钮绑定事件：v-on:click="方法(实参1,...,$event)" 另一种简写：使用@代替v-on:click Vue的元素methods：{}用于配置每一个方法 $event: event的占位符 event作用：获取触发事件的元素标签 <body> <!-- 定义一个v ......
vue前端node内存溢出问题解决
前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足） 原因： 因为在 Node 中，通过Ja ......
vue项目创建和插件依赖安装
1、启动vue项目 npm run serve 2、安装插件 npm i vue-router npm i vuex //(不知道是不是这个,反正一开始有几个要装) 3、bootstrap使用 先安装bootstrap依赖： npm install bootstrap npm install @po ......
Vue检测密码复杂度方法
Vue检测密码复杂度方法 <!-- 检测密码复杂度方法 --> <template> <div> <input type="password" v-model="password" @input="checkPasswordComplexity"> <div v-if="complexityMess ......
Shell - Input and run multiple lines in terminal
zzh@ZZHPC:/zdata/Github/zimplebank$ ( > ls -1 db/migration/*.up.sql | while read file > do > echo $file > done > ) db/migration/000000_init_schema.up. ......
VUE
一、Vue定义及简介 1、Vue定义 关于Vue简介，百度百科给出的解释是：Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单 ......
Failed to convert value of type 'java.lang.String' to required type 'java.lang.Long'; nested exception is java.lang.NumberFormatException: For input string: "getSysTenantNames"
我测试的是一个接口 接口里面没有任何参数 怎么会报参数类型转换错误呢 mad !!!!! 第二个接口 就很蒙 测了好久都是这个问题 而且你打debug 它不进这个接口并且 你执行其他写好的接口 它还是会报同样的错 。。。。。。。。。。。。。。 其实就是你代码的位置写错了 应该写在pc端的 你把代码写 ......
Vue脚手架中加入Vuex全局状态管理中间件
WebStorm创建Vite(Vue模版)项目后: 在main.ts中: import {createApp} from 'vue' // @ts-ignore import {createStore} from 'vuex' import './style.css' // @ts-ignore i ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......