params query vue
power query合并查询（VLOOKUP功能相似）
合并查询原理 功能：与EXCEL中的VLOOKUP函数（=VLOOKUP（查询条件，查询范围，精确“0”还是模糊“1”匹配））功能相似，根据A表中的条件从B表中找到对应的数据，并根据一定的匹配规则提取该部分数据到A表中； 一、单条件合并查询 定义：选取表一中的一列作为条件，与表二中的单一对应列匹配的 ......
[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线
组件的自定义事件 通过props可以将信息传递给子组件，那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法，我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
从零开始封装 vue 组件
对于学习 Vue 的同学来说，封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识，我这里简单摘取使用最频繁的几个知识点，带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器，与其在每个地方都实现计数器功能，不 ......
MyBatis方法入参打@Param后，xml中的取值方式
/** * 分页查询对账结果 * * @param page * @param requestBO * @return */ Page<ReconcileDetailResultPageBO> pageDetailSettleDataAndResult(IPage<ReconcileDetailRe ......
VUE使用Swiper组件，组件中嵌套Echarts图，Echarts的点击事件不生效问题解决
1.解决方案 在Swiper的配置项中添加以下属性（实测，已解决） ` options: { loop: false, simulateTouch: true, autoplay: { delay: 10000, disableOnInteraction: true }, touchStartPre ......
vue3.0+vite问题汇总
1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中 解决方法（tsconfig.json添加如下代码，添加之后重启；重启之后如果仍然有问题，可能是编辑器版本比较旧，升级编辑器版本，我从vscode v ......
vue3.0基础
1. setup函数 vue单页面使用到的变量和方法都定义在setup函数中,return后才能被页面引用 export default { setup(){ const name = '张三' const person = {name,age:30} function goWork(){ cons ......
vue3使用cesium
1、安装vite-plugin-cesium： npm i -D vite-plugin-cesium 2、 安装cesium： npm i -S cesium 3、vite.config.js中配置如下： import cesium from 'vite-plugin-cesium' plugin ......
Vue 过渡 & 动画
在 Vue 的过渡效果中，.enter-active、.leave-active、.enter 和 .leave-to 是一些预定义的 CSS 类名，用于控制过渡的不同阶段。 .enter-active：表示进入过渡的活动状态。在元素插入到 DOM 中时添加，然后在过渡结束时移除。通过设置此类的样式 ......
Vue的生命周期
Vue的生命周期 vue的生命周期，主要经历了如下几个阶段，分别是 beforeCreate，created，beforeMount，mounted，beforeUpdate，update，beforeDestroy，destroy ，主要由这四对八个组成 主要分为四个流程，创建流程，挂载流程，更新 ......
vue3 相关知识汇总
1 组合式api 和选项式api 1.1 概念 选项式api：用包含多个选项的对象来描述组件的逻辑。 组合式api：组合式api使用导入的API函数来描述组件逻辑。组合式API通常会与<script setup>搭配使用。 1.2 应用场景 选项式api： 不需要使用构建工具 或者低复杂度的场景， ......
vue-element-ui 日期选择器 前后端联调
前端: <el-col :span="8"> <div class="block"> <el-col :span="4">交接日期</el-col> <el-col :span="1"></el-col> <el-col :span="16"> <el-date-picker style="widt ......
vue3中的样式为什么加上scoped不生效
<style>标签添加scoped属性时，Vue会自动为该组件内的所有元素添加一个独特的数据属性，例如data-v-f3f3eg9。同时，它也会修改你的CSS选择器，使得它们只匹配带有这个独特数据属性的元素。这样做的目的是为了确保样式只应用于当前组件内的元素，避免影响到其他组件。 然而，当你尝试覆盖 ......
Mac Vue-cli脚手架搭建
安装node环境 官网地址：http://nodejs.cn/download/ 我选择版本：v16.16.0 修改npm镜像地址 # 查看镜像地址 npm config get registry # 设置镜像地址 npm config set registry https://registry.n ......
ruoyi-vue-activiti执行npm i出现node-sass报错
解决方法：把ruoyi-ui下面的package.json里对应的这两项，改成如下图所示的版本，再次执行npm install && npm run dev就可以了 参考资料： https://blog.csdn.net/qq_40095911/article/details/119253908 ......
vue3构建全流程
1.创建工程： npm init vue@latest 删除components下的所有自动生成文件： 新建目录api、utils、views 将request.js放在utils下, request.js内容： //定制请求的实例 //导入axios npm install axios impor ......
[前端][Vue] 利用webstorage API存储数据
关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
[ARC111F] Do you like query problems?
题意： 给出三个数 \(n,m,q\)。 你有一个长度为 \(n\) 的序列 \(a\)，初始全为为 \(0\)，你有三种操作： 操作 \(1\)：给出 \(l,r,v\)，让区间 \([l,r]\) 对 \(v\) 取 \(\min\)。 操作 \(2\)：给出 \(l,r,v\)，让区间 \([ ......
RLHF · PbRL | 选择 near on-policy query，加速 policy learning 收敛速度
Query-Policy Misalignment：选择的看似 informative 的 query，实际上可能与 RL agent 的兴趣不一致，因此对 policy learning 几乎没有帮助，最终导致 feedback-efficiency 低下。 ......
基于vue脚手架练习3
<template> <div> <first-page-3 :person="person" ></first-page-3> </div> </template> <script> import FirstPage3 from './FirstPage3.vue' export default ......
elasticsearch 文档删除操作：delete和delete_by_query
api： （elasticsearch版本7.3） #删除指定id的文档 DELETE /<index>/_doc/<_id> #按查询条件删除 POST /<index>/_delete_by_query 1. DELETE /<index>/_doc/<_id> 删除指定id的文档 #测试--删 ......
elasticsearch 文档更新操作：update和update_by_query
API： （elasticsearch版本7.3） POST /<index>/_update/<_id> POST /<index>/_update_by_query 1. POST /<index>/_update/<_id> 支持脚本，可以更新、删除或跳过修改文档。 更新文档部分内容，传递部分 ......
vue复制方法实现
npm install --save vue-clipboard2 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) value即是要复制的内容 <button @click="seccendCopy">第二种方式复制</ ......
CF938G Shortest Path Queries
Shortest Path Queries Luogu CF938G 题面翻译 给出一个连通带权无向图,边有边权,要求支持 \(q\) 个操作: \(1\) \(x\) \(y\) \(d\) 在原图中加入一条 \(x\) 到 \(y\) 权值为 \(d\) 的边 \(2\) \(x\) \(y\) ......
vue3+vite+js中二次封装axios
一、安装axios npm i axios 二、文件结构 涉及到的文件： utils/request.sj api/index.js（可以根据不同页面在api文件下新建不同文件夹，方便管理） vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
在SpringBoot和Vue3中使用Google的reCaptchaV3
Google的RecaptchaV3是一种对用户很友好的验证码模型，接下来从0开始介绍RecaptchaV的使用。 首先是需要去google的官网申请reCaptchaV3（google账号和访问方式请自备，这里不描述） https://www.google.com/recaptcha/about/ ......
vue 中各种莫名其妙的问题汇总
问题1： 现象：弹出框中的字段或者下拉框，输入值或者下拉选择后，无法显示（渲染）成正确的值。 解决：1.查看一下当前弹出框中的所有的属性是否有默认赋值或者有没有对应的属性声明。 一般情况我们会把弹框封装成一个对象，但是有的时候会不声明里面的属性。 例如：formData:{} 在这种情况下，直接使用 ......
springboot008基于位置的多分馆图书馆推荐系统vue
第一章 系统概述1.1课题背景近几年来，互联网发展的脚步在近几年越来越迅猛，与此同时，各类电子商务也发展的越来越快，人们也越来越离不开网络所带来的便利性和便捷性，并且可以利用电商就能在线进行各种的售卖活动，如鞋、衣服以及二次元图书等等各类图书。计算机应用技术不断得到发展和推广应用。很多发达国家和一些 ......
springboot007街球社区网站(vue)
第1章 绪论1.1 课题背景互联网+这个概念被提出来已经很久了,那么到底什么是"互联网+"呢?简单地说"互联网+"也就是"互联网+各个传统行业,这也就是一种充分运用互联网的平台,让我们传统产品和互联网进行更加深度的交流和融合,形成一种产品发展的生态,提升我们传统产品和行业之间的关系。实现了互联网的双 ......
springboot008基于位置的多分馆图书馆推荐系统vue
第一章 系统概述1.1课题背景近几年来，互联网发展的脚步在近几年越来越迅猛，与此同时，各类电子商务也发展的越来越快，人们也越来越离不开网络所带来的便利性和便捷性，并且可以利用电商就能在线进行各种的售卖活动，如鞋、衣服以及二次元图书等等各类图书。计算机应用技术不断得到发展和推广应用。很多发达国家和一些 ......