截图 部分vue3 vue

springboot008基于位置的多分馆图书馆推荐系统vue

第一章 系统概述1.1课题背景近几年来,互联网发展的脚步在近几年越来越迅猛,与此同时,各类电子商务也发展的越来越快,人们也越来越离不开网络所带来的便利性和便捷性,并且可以利用电商就能在线进行各种的售卖活动,如鞋、衣服以及二次元图书等等各类图书。计算机应用技术不断得到发展和推广应用。很多发达国家和一些 ......
springboot 图书馆 位置 图书 系统

论数学中的部分常见技巧

最好的技巧就是多刷题多思考多总结。 写本文,主要是应某位同学请求。下周考试,这文章可能比较水,内容很少。但确实是有料子在里面。 话不多说,直接进入正题。 做题 先读题,不急动笔。逐字逐句,慢慢分析。看来很慢,实则效率很高。经常是看完题目就有了思路。如果有图可以先画图,如果图比较复杂当然是必须画的,一 ......
常见 数学 部分 技巧

读后感:《程序员修炼之道》第七部分 - 代码质量

第七部分的《程序员修炼之道》深入讨论了如何提高代码质量和可维护性。这一部分提供了一系列关于代码审查、重构、设计模式和测试的宝贵建议。以下是我从这一部分中得到的主要启示: 首先,书中明确强调了避免坏味道(代码异味)的重要性。坏味道是代码中的不良实践和设计问题的迹象。通过识别和消除坏味道,我们可以改善代 ......
读后 读后感 程序员 代码 部分

常见问题解决 --- jar部分更新

注意,需要将你上次所有的更新文件都要更新一遍,包括lib目录里的依赖更新 解包,jar -xvf ***.jar 替换,替换要更新的class文件,如果更新了依赖还需要解包 BOOT-INF/lib 里面的jar更新里边的class文件 封包,jar cvfM0 ***.jar * ,如果更新了依赖 ......
常见问题 常见 部分 问题 jar

[Vue] props属性

vue2里组件的一个属性,用来传递组件外部发来的数据 传递数据 <Student name="Bob" age=22/> 接收数据 -- 3种方法 // 1. receiving data only // 组件里的props属性,和data/method同级 props:['name', 'age' ......
属性 props Vue

vue 前端自动打开文件地址进行下载

最近在做异步导出的功能,导出的过程中前端另外启动一个查询导出进度的线程接口。如果导出完成后,把生成的文件上传到服务器,返回给前端一个文件的下载地址;前端自动打开这个地址进行跳转下载。 有两种方式 1.直接使用js自带的方式打开链接 这种方式有一个问题,会被浏览器自动拦截弹出的窗口:”已阻止弹出窗口“ ......
前端 地址 文件 vue

[Vue] ref属性

ref属性是vue2中的一种属性,用来注册组件或元素的引用信息,或者说是另一种id 应用在html标签里,返回的就是整个DOM元素 应用在组件里,返回的就是VueComponent实例对象 如何使用 // to use ref in tags/components <h1 ref="demo">he ......
属性 Vue ref

2024 年最值得推荐的 7 个 Vue3 组件库

你好,我是 Kagol。 Vue 是一款易学易用,性能出色,适用场景丰富的渐进式 JavaScript 框架,深受广大开发者的喜爱,Vue3 更是推出了 Composition API,让逻辑复用更友好。 马上就到 2024 年了,如果你的项目正在使用 Vue3,或者打算升级 Vue3,以下 Vue ......
组件 2024 Vue3 Vue

vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符: <input v-on:keyup.13="submit"> vue还非常贴心地给出了常用按键的别名,这样就不必去记keyCode ~ ~ 上面代码,还可以在这样写: <input v-on:keyup.enter="submit"> ......
keyup enter 键盘 事件 native

vue---操作状态

VUE更改VUEX状态:简单示例代码: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { count: 0 }, mutations: { i ......
状态 vue

vue3Cron表达式组件

npm安装no-vue3-cron引入报错,就直接把代码拿来自己改了 no-vue3-cron仓库地址:https://github.com/wuchuanpeng/no-vue3-cron vue-cron.vue <style lang="scss"> .no-vue3-cron-div { . ......
表达式 组件 vue3Cron 3Cron Cron

Ant Design Vue <a-tabs>标签内嵌使用

<a-tabs :activeKey="activeKey" @change="handleTabChange"> <a-tab-pane v-for="(item, index) in menuList" :key="item.id" :tab="item.name" :index="index" ......
标签 Design a-tabs tabs Ant

在FastAPI中 如何既使用JinJa2模版 又使用Vue?

前言 如果你在 FastAPI 中使用 Jinja2 模板引擎,默认使用了 {% ... %} 和 {{ ... }} 这样的标记语法。 如果你需要在模板中使用 Vue.js 或其他类似的前端框架,可以通过修改 Jinja2 的标记语法避免冲突。 Jinja2 支持自定义标记语法,你可以在 Fast ......
模版 FastAPI JinJa2 JinJa Vue

vue3.0项目搭建

一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......
项目 vue3 vue

vue2子组件拷贝父组件传递的参数

在 Vue2 中,父组件向子组件传递参数时,如果参数是对象或数组(即非基本数据类型),那么子组件可以直接修改这个参数,这会影响到父组件的数据。如果你想避免这种情况,你可以让子组件对父组件的传参进行深度拷贝。这样,子组件就可以自由修改拷贝后的参数,而不会影响到父组件的数据。 这是一个例子,假设父组件向 ......
组件 拷贝 参数 vue2 vue

vue3.0项目搭建

一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......
项目 vue3 vue

计算两竖直直线与椭圆围成部分面积

椭圆方程 \(\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1\),直线 \(x=l\),\(x=r\),计算图中蓝色部分的面积。 定积分 为了找到这个蓝色区域的面积,我们可以使用定积分来积分椭圆上半部分的函数,并在 \(x = l\) 和 \(x = r\) 之间计算面积 ......
椭圆 直线 面积 部分

Vue入门

一、vue 官网:https://cn.vuejs.org/index.html 1.1Vue的简单概述 1.1.1、介绍: Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目 ......
Vue

vue3常见问题

异步组件内插槽无法获取组件实例 app.component( cName, defineAsyncComponent(async () => { this.registryNumber++; await setComponentOptions(component); return new Promi ......
常见问题 常见 问题 vue3 vue

vue升序降序按钮功能实现

需求:默认升序,悬浮按钮变色,点击按钮下标跟随变化。 html <div class="right" @click="change(item,index)" v-for="(item, index) in btnList" :key="index">{{item.lable}} <div class ......
升序 按钮 功能 vue

静态方法注入service的部分方式

util注入service整理 后续如果有新的办法再加进来 在如Util等静态方法中调用Service或mapper,初始化后会出现空指针异常:java.lang.NullPointerException。 代码执行优先级的问题,在一个Java类中,存在着静态代码块,静态方法,构造函数,成员方法等等 ......
静态 service 方式 部分 方法

vue + Echarts项目中引用水波图效果

1、下载插件 npm install echarts --save npm install echarts-liquidfill --save 2、在main.js中引入 import * as echarts from 'echarts'; import 'echarts-liquidfill' ......
效果 Echarts 项目 vue

Vue2 校验不通过的表单,赋正确的值后,再次校验结果不变

前言 在工作中遇到了这个问题,多次排查,耗费了不少时间才解决这个问题。问题的解决很简单,但发现根本原因还是有点困难,因此在此做个记录,以防忘记。 问题发现步骤 例如有以下 Ant Design Vue 表单 <a-form-model ref="formRef" :model="model"> <a ......
表单 再次 结果 Vue2 Vue

Vue 图片上传formdata()传参形式

1. 接口需要设置 headers: { 'Content-Type': 'multipart/form-data' }, from-data流的形式传参 2. js html: // 文件上传<div class="file"> <el-button type="primary" style="w ......
formdata 形式 图片 Vue

vue2 中 el-table 实现树形列表,支持增删改等操作

需求场景:el-table构造一个树形列表,支持新增节点,删除,修改等操作。 实现效果 思路 一般的el-table 增删改,我们都很熟悉;关键在于实现一个纯前端的树形列表,最终再调接口存列表数据。 树形el-table,需要设置 row-key,一般为 id,所以每新增一条数据,都必须有id。需要 ......
树形 el-table table vue2 vue

vue路由切换时内容组件的滚动条回到顶部

vue路由切换时内容组件的滚动条回到顶部:https://blog.csdn.net/Macao7_W/article/details/125517519?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221702523730168001 ......
路由 组件 顶部 内容 vue

vue中echarts图表(二)---折柱混合

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
图表 echarts vue

Vue2添加路由后界面变成空白

在vue2中,每当我添加路由选项的时候,vscode并不会报错,运行后连原本的东西都不见了 也尝试了一下网上搜索的方案,如加上history等等 经过一番摸索发现是导入router的语句导入到了最新版本的router,最新版本的router是匹配的vue3,导致页面一片空白 解决方法就将原来的rou ......
路由 空白 界面 Vue2 Vue

vue中echarts图表---正负轴柱状图

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
正负 图表 echarts vue

vue项目 npm install 安装依赖 特别慢 解决办法

vue项目 npm install 安装依赖 特别慢 解决办法使用NPM(Node.js包管理工具)安装依赖时速度特别慢,为了安装Express,执行命令后两个多小时都没安装成功,最后只能取消安装,笔者20M带宽,应该不是我网络的原因,后来在网上找了好久才找到一种最佳解决办法, 在安装时可以手动指定 ......
install 办法 项目 vue npm