组件 常用confirm vue

不可思议!Vue拖拽插件的实战大揭秘,竟然惊人抛弃了常规选择!

"vue-drag-resize" 是一个基于 Vue 框架的拖拽和调整大小插件。它提供了简单而灵活的API,使开发者能够轻松实现元素的拖拽和调整大小功能。通过 "vue-drag-resize",您可以让用户按需拖拽和调整大小各种页面元素,如窗口、图像、卡片等。该插件还支持限制元素的移动范围和尺寸... ......
实战 常规 不可思议 插件 Vue

Vue +Spring Boot 前后端分离 的 项目 笔记

# Vue +Spring Boot 前后端分离 的 项目 笔记 # 前端部分 ## Vue 脚手架的搭建 > 1.在创建目录的上一目录执行命令 命令为 ```cmd vue init webpack 项目名 ``` 再创建项目的时候会自动创建以项目名为名字的文件夹 以下是 vue 2.X 版本下 ......
笔记 项目 Spring Boot Vue

微信小程序6 常用标签之 input,基础样式

input input标签不做任何设置的时候,就是个输入框,需要注意的是默认没有样式,这跟html不同。 <input></input> 我输入了内容,但是可以看到没有边框样式。 type属性 1.text,就是默认的type属性值,输入框; 2.password,密码框; 3.number,只能输 ......
样式 常用 标签 基础 程序

Vue项目点击当前菜单刷新当前路由组件,出现router-view组件加载两次的现象

###预置条件: 1. 路由组件通过给key值附点击菜单时的时间戳reloadMain来实现组件的重载 ![](https://img2023.cnblogs.com/blog/2911607/202308/2911607-20230802163514709-269474307.png) 2. 侧边 ......
组件 路由 router-view 菜单 现象

vue学习笔记三

这次学习了生命周期,mixin混入,以及路由传递参数的params方法和query方法,之后还会更新学习 一,生命周期 一,mounted 当vue完成模板渲染,并且将dom元素放入页面之后,(挂在完毕)第一次调用称为挂载,第二次以及之后就是更新了。 但是这仅仅是vue生命周期的一部分,一个完整的生 ......
笔记 vue

vue中使用axios发送请求时在header中设置请求头发现请求发送两次

问题: vue axios跨域请求,在Request Headers加Authorization传递Token时,发现统一请求触发了两次,第一次是Request Method: OPTIONS请求。 原因: 跨域请求时,浏览器会首先使用OPTIONS方法发起一个预请求,判断接口是否能够正常通讯。如果 ......
header axios vue

antd upload vue3 取消请求,取消进行中的接口请求

在使用antd upload组件时,大文件上传等待时长太久,在上传过程中想取消上传,即取消进行中的接口请求。不解释,上代码: ``` import axios from 'axios'; ``` ``` 上传文件 (注:支持pdf、png、jpg格式,大小不超过5M) ``` ``` const C ......
接口 upload antd vue3 vue

TOMCAT功能及组件简介

一、功能 servlet是ORACLE公司为了让WEB应用程序与WEB服务器程序之间进行交互协作而制定的一个接口。协作示意图如下: 这个接口规定: WEB应用中需要被WEB服务器动态调用的程序位于Servlet接口的实现类中; WEB服务器可以访问一个WEB应用中所有实现了Servlet接口的类。 ......
组件 功能 简介 TOMCAT

第二节 Linux常用命令

# **身份及位置查询** 1. **whoami** : 查询当前用户 ```shell whoami ``` 1. **pwd** : 查询当前所在目录 ```shell pwd ``` # **cd** - **作用**:跳转目录 - **参数**: - 当前目录:`.` - 父目录:.. - ......
命令 常用 Linux

微信小程序4 常用标签之 checkbox和radio

复选框checkbox 是一对标签,文本写在标签里 <checkbox value="chang">唱</checkbox> <checkbox value="tiao">跳</checkbox> 展示成这样 最重要的属性跟html一样,是value,代表了选择项的真实值。 单选框radio 写法 ......
checkbox 常用 标签 程序 radio

VUE后台管理系统(二)

### SPU管理 - 先搞定静态组件(类似```Attr```管理的页面结构) ``` ### product.Spu.index.vue 添加SPU ,sizes,total"> ``` - 发请求获取```SPU```列表数据 ``` ### api.product.spu.js import ......
后台 管理系统 系统 VUE

vue-让你的组件支持v-model

原文:https://zhuanlan.zhihu.com/p/453112282 在定义vue组件时,可以提供一个model属性,用来定义组件以何种方式支持v-model。model本身是有默认值的,如下: 也就是说,如果你不定义model属性,或者按照上面的方式定义model属性,当其他人使用你 ......
组件 v-model model vue

vue 生命周期

vue的生命周期就是vue从创建到销毁的过程 主要分为八个部分 beforeCreate(初始化界面前) created(初始化界面后) beforeMount(渲染dom前) mounted(渲染dom后) beforeUpdate(更新数据前) updated(更新数据后) beforeDest ......
周期 生命 vue

解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题

# 解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题 ### 问题 ``` 问题描述:重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能视而不见。 ......

web组件

### web - [示例](https://developer.huawei.com/consumer/cn/training/course/slightMooc/C101667364948559963) - [API](https://developer.harmonyos.com/cn/doc ......
组件 web

ArkUI 组件基础 指南

### ArkTs 基础 - [指南](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/arkts-ui-development-overview-0000001438467628-V3?catalogVersi ......
组件 基础 指南 ArkUI

win 11 无法安装ensp 组件VBox(版本过老)导致AR路由器报错 40,关闭win11 内存完整性 开关即可成功安装vbox

解决办法如下: 1、先关闭内存完整性 2、重新安装vbox(成功) 3、启动ensp (无 40 报错) ......
路由 路由器 完整性 组件 win

vue打开新窗口的两种方式

1.使用路由跳转,绑定target="_blank" ``` Click to download PDF ``` 2.写点击事件 ``` toBlank(){ const routeData = this.$router.resolve({ path: '/pdf/download', query: ......
方式 vue

vite+vue3+ts+elementPlus前端框架搭建 [二] pinia状态管理

前面已经完成了基本框架搭建,下一步针对各个模块的封装以及实验 本章主要是针对pinia的状态模块实现 1. 创建Store 在src文件夹下创建一个store的文件夹,并在该文件夹下创建index.ts文件,内容如下: import type { App } from 'vue'; import { ......
前端 elementPlus 框架 状态 pinia

vue 获取当月第一天日期和最后一天日期

// 获取当月第一天数据 getCurrentMonthFirst() { let date = new Date() date.setDate(1) let month = parseInt(date.getMonth() + 1) let day = date.getDate() if (mon ......
日期 vue

常用的四大函数式接口如下: 总结

常用的四大函数式接口如下: Function: R apply(T t) ->有入参和返回 Consumer: void accept(T t) ->有入参无返回 Supplier: T get(); ->无入参有返回 Predicate: boolean test(T t) ->有入参返回bool ......
函数 接口 常用

vite+vue3+ts+elementPlus前端框架搭建 [一]

记录下搭建vite + vue3 + ts + elementPlus项目的过程及遇到的问题。 建议使用pnpm安装依赖,npm切换到pnpm 链接地址:[https://www.pnpm.cn/installation]() 1. 运行环境 node -v v18.17.0 npm -v 9.8. ......
前端 elementPlus 框架 vite vue3

【.NET6 + Vue3 + CentOS7.9 + Docker + Docker-Compose + SSL】个人博客前后端运维部署

个人博客 前端:https://lujiesheng.cn 个人博客 后端:https://api.lujiesheng.cn 个人博客 运维:https://portainer.lujiesheng.cn # 1. 服务器准备 我采用的是 腾讯云轻量应用服务器(2C 4G 8M 80G),配置如下 ......
Docker Docker-Compose CentOS7 Compose CentOS

vue 防连点

```javascript directives: { preventReClick: { inserted: function (el, binding) { el.addEventListener('click', (e) => { if (!el.disabled) { el.style.po ......
vue

Vue3中级指南-如何在vite中使用svg图标

vite-plugin-svg-icons 预加载 在项目运行时就生成所有图标,只需操作一次 dom 高性能 内置缓存,仅当文件被修改时才会重新生成 安装 node version: >=12.0.0 vite version: >=2.0.0 yarn add vite-plugin-svg-ic ......
图标 指南 Vue3 vite Vue

vite 项目webstorm跳转失效 VSCode、vue 无法对 @ 路径 跳转 ,几乎适用于所有webpack、vue、react项目

在根目录加一个jsconfig.json文件 { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "allowSyntheticDefaultImports": true }, ......
项目 路径 vue webstorm webpack

DevExpress WPF Tree List组件,让数据可视化程度更高!(二)

DevExpress WPF Tree List组件是一个功能齐全、数据感知的TreeView-ListView混合体,可以把数据信息显示为REE、GRID或两者的组合,在数据绑定或非绑定模式下,具有完整的数据编辑支持。 在上文中(点击这里回顾>>),我们介绍了DevExpress WPF Tree ......
DevExpress 组件 程度 数据 Tree

vue 通过css 给html元素增加前缀红色星号

` `前面增加红色星号 要为``的`label`增加红色星号,你可以使用CSS中的伪元素 `::after` 或 `::before` 来实现。下面是如何在样式中添加红色星号的示例: ``` ``` ......
星号 前缀 元素 红色 html

通过Vue + intro.js 实现页面新手引导流程功能

最近需要增加一个新手页面引导流程的功能,在网上搜罗之后发现了intro.js这个插件 1.安装依赖 npm install intro.js --save 2.在main.js中引用插件 // 首页引导插件import intro from 'intro.js' // introjs库import ......
流程 新手 页面 功能 intro

python开发常用网址

1.断点续传网址:https://www.cnblogs.com/Zzbj/p/16373953.html ......
常用 网址 python