多方式 局部 页面vue

vue3(二)

1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
vue3 vue

Spring学习记录之Bean的实例化方式

Spring学习记录之Bean的实例化方式 前言 这篇文章是我第二次学习b站老杜的spring相关课程所进行的学习记录,算是对课程内容及笔记的二次整理,以自己的理解方式进行二次记录,其中理解可能存在错误,欢迎且接受各位大佬们的批评指正; 关于本笔记,只是我对于相关知识遗忘时快速查阅了解使用,至于课程 ......
实例 方式 Spring Bean

Vue实现商品详情鼠标移动+放大显示图片细节

效果图 代码实现 <template> <div> <div style="position: relative;" class="box"> <img @mousemove="updatePositions" src="https://img.pddpic.com/gaudit-image/202 ......
细节 鼠标 详情 商品 图片

# Vue3 使用路由 Router

Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参,今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知,vue 是用来构建单页面应用的前端框架,大于大多数此类型应用来讲,都推荐使用官方支持的 vue Router,在单页面应用,客户端的 Jav ......
路由 Router Vue3 Vue

02.SpringBoot3+JDK17+Shiro+Basic认证方式

SpringBoot3+JDK17+Shiro+Basic认证方式 依赖 注意: 由于JDK17使用的是Jakarta EE规范,而截止2023年12月29日Shiro2.0还处于(alpha)测试阶段,所以只能使用目前最新的版本shiro1.13,但是Shiro1.13版本目前默认使用的是Java ......
SpringBoot3 SpringBoot 方式 Basic Shiro

canvas 手写签名 vue3

<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
canvas vue3 vue

C#中的.net6 WebAPI + Vue3

ShoopingWeb没有控制器,普通api有控制器,ShoopingWeb是直达型,精简了很多中间代码,广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行,也可以自由分类封装 namespace ShoopingWeb { public static c ......
WebAPI net6 Vue3 net Vue

vue-router动态路由 - 角色切换或退出登录时重置路由表

vue-router@4以上可以使用removeRoute()方法来移除. router.getRoutes().forEach(route => { // 这里还需要条件判断哪些是静态路由不需要移除 router.removeRoute(route.name); }); 但是vue-router@ ......
路由 vue-router 角色 动态 router

uniapp页面标题隐藏(page-head)

使用uni-app生成页面时,会发现默认生成的页面是带了导航栏 如果所有页面都不需要这个导航栏了,可以在App.vue的公共样式<style>代码中添加 /* #ifdef H5 */ uni-page-head { display: none; } /* #endif */ 如果只是当前页面不需要 ......
page-head 页面 标题 uniapp page

vue3 搜索关键字变颜色

let inputNews = ref('')let element = ref('')// contentText 传入数组const seachNews = (contentText) => { // 循环数组 for (let j = 0; j < contentText.length; j+ ......
关键字 颜色 关键 vue3 vue

VUE3请求数据接口,将时间戳转换为时间案例

<template> <!-- ... 其他代码 ... --> <div class="w-full h-[250px] scroll_list text-[#fff] overflow-auto"> <div class="flex" v-for="(item, index) in state. ......
接口 案例 时间 数据 VUE3

vue使用问题记录:父组件通过props传给子组件数据,后改变数据,要使用nextTick,否则修改滞后,可能造成bug

问题如标题所写 代码示例: 父组件: <template> <div class=""> <div class=""> <t-form ref="formData" :data="data.formData" colon label-width="100px" label-align="right" ......
组件 数据 nextTick 问题 props

node express+vue+html,后端+后台管理+官网线上部署

引言简介 遗憾:这里没有进行linux的mysql安装不完美,有空补全 1. node安装 安装nodejs参考地址: https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
网线 后台 express node html

iPhone通过几种方式自动分享热点给车机

蓝牙连接 如何利用 iPhone “快捷指令”设置【上车自动连接手机热点】_文章_新出行 (xchuxing.com) 驾驶模式 苹果手机热点与汽车怎么自动连接_苹果手机热点怎么连接电脑_苹果手机热点怎么连接另一个手机 - 抖音 (douyin.com) ......
热点 方式 iPhone

vue2和vue3的区别有哪些

一、生命周期 vu3在组合式API(Composition API)中使用生命周期钩子时需要先引入,vue2在选项API(Options API)中可以直接调用生命周期钩子 //vue3 <script setup> import { onMounted } from 'vue' onMounted ......
vue vue2 vue3

vue3 使用脚手架创建应用

1.安装条件 已安装 18.0 或更高版本的 Node.js 2.安装 在你的目录下运行以下命令: vue create learn_vue3 选择安装vue3: 3.运行 npm run serve ......
脚手架 vue3 vue

dev、st、uat分支存在多个特性一起开发测试时的冲突解决方式

1.最大的问题是f1和f2会同时开发,但是f1和f2却可能分两次上线,所以开发自测环境(dev)可能同时存在f1和f2的代码; 因此做这样的规定就能避免公共开发自测环境(dev)的代码流入不上线的内容到生产里; dev -> kf_dev // ERROR,kf_dev是开发自己的分支; uat - ......
分支 特性 多个 方式 dev

linux server Vue 或其它单页面项目站点 nginx 实施部署

# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......
站点 页面 项目 server linux

13-点击页面其它地方触发某个事件

自定义指令实现(通过自定义指令实现对操作dom) <div class="ml-5 select-wrap"> <Button class="select-button" type="primary" icon="md-arrow-dropdown" v-click-outside="handdle ......
事件 页面 地方 13

antd-vue Modal.confirm方法 执行确定事件弹窗没关闭

vue版本:3.4.x antd-vue版本: 4.0.8 原因:是vue更新到3.4.x版本,某些api和antd-vue不兼容 解决方式:将vue版本锁定3.3.4 ......
antd-vue confirm 事件 方法 Modal

Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件

首先在项目根目录执以下以命令,安装好必要的组件包: # Vue 3 项目,安装最新版 Vant cnpm i vant # 添加按需引入插件,它的作用是在引入组件库中的组件时支持按需引入,减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......

linux下以lvm的方式挂载磁盘到指定目录

1.创建PV pvcreate /dev/vdb 2.创建VG分组 vgcreate vg_data /dev/vdb 3.创建逻辑卷 lvcreate -l 100%VG -n lv_data vg_data 4、mkfs(格式化) mkfs.xfs /dev/vg_data/lv_data 5. ......
磁盘 方式 目录 linux lvm

在C#中,如何以编程的方式设置 Excel 单元格样式

前言 在C#开发中,处理Excel文件是一项常见的任务。在处理Excel文件时,经常需要对单元格进行样式设置,以满足特定的需求和美化要求,通过使用Java中的相关库和API,我们可以轻松地操作Excel文件并设置单元格的样式。 在此博客中,小编将重点介绍如何使用葡萄城公司的服务端表格组件——Grap ......
样式 单元 方式 Excel

使用element-plus的el-scrollbar时滚动条没有显示出来但是页面可以滚动的解决办法

如果使用 Element UI 的 el-scrollbar 组件时,滚动条没有显示出来但页面可以滚动,可以尝试调用其 update 方法来更新滚动条。 在适当的时机(例如在数据加载完成后或组件更新后),调用 el-scrollbar 的 update 方法可以重新计算滚动条的位置和尺寸,从而实现正 ......

windows快速启动创建的几种方式

启动优先级:服务>注册表>启动文件夹>计划1.Win + R 打开运行,输入:shell:startup把要开机自启的程序文件或快捷方式复制到打开的窗口中即可。此方法是打开开始菜单-程序-启动文件夹。 2.Win + R 打开运行,输入:regedit.exe进入注册表。打开HKEY_LOCAL_M ......
windows 方式

构建 dotnet&vue 应用镜像->推送到 Nexus 仓库->部署为 k8s 服务实践

前面分享了 k8s 的部署安装,本篇来点实操,将会把一个 .net core + vue 的项目(zhontai),打包构建成 docker 镜像,推送到 nexus 镜像仓库,并部署到 k8s 中 ......
仓库 镜像 dotnet Nexus gt

VUE3

1、webpack和vite构建vue项目的区别 webpack是先把所有东西准备好再启动服务,vite是先启动服务,再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。 2、vue项目创建以及启动 到项目目录输入npm create @lastest,接下来按提示输入项目信息 启动 ......
VUE3 VUE

国内的开源AI模型共享网站(AI模型的GitHub)—— mindscope —— 使用git lfs方式下载模型文件基本不可行——速度太慢,几十KB/s的速度

参考前文: 国内的开源AI模型共享网站(AI模型的GitHub)—— mindscope —— 对标外网的“huggingface”,mindscope好用吗? ......
模型 速度 mindscope 方式 文件

Spring MVC中Controller接收请求参数的常见方式

在Spring中 Controller注解用于指示Spring类的实例是一个控制器,相对于实现Controller接口变得更加简单。而且实现Controller接口只能处理一个单一的请求,而是用@Controller注解可以支持同时处理多个请求动作,更加灵活。 @Controller用于标记一个类, ......
Controller 常见 参数 方式 Spring

【C# 技术】C# 常用排序方式

在最近的项目中经常会对C#中的数据进行排序,对于基本数据类型,其排序方式比较简单,只需要调用内置算法即可实现,但对于``自定义数据类型``以及``自定义排序规则``的情况实现起来就比较麻烦,所以在本文章中将详细介绍一下在中C#中如何对数据进行排序。 ......
常用 方式 技术