组件 常用confirm vue

Vue3路由正确写法

import { createRouter, createWebHistory } from 'vue-router' import Home from '@/view/Home.vue'; import Login from '@/view/Login.vue' const routes = [ ......
写法 路由 Vue3 Vue

Java-Day-16( 常用类 )

Java-Day-16 常用类 包装类 ( Wrapper ) 针对八种基本数据类型定义相应的引用类型 —— 包装类,有了类的特点,就可以调用类中的方法 | 基本数据类型 | 包装类 | | | | | boolean | Boolean | | char | Character | | byte ......
Java-Day 常用 Java Day 16

vue2源码-十六、异步组件

异步组件 Vue 中异步组件的写法有很多,主要用作大的组件异步加载的markdown组件editor组件。就是先渲染一个注释标签,等组件加载完毕,最后再重新渲染 forceUpdate(图片懒加载)使用异步组件会配合 webpack 原理:异步组件默认不会调用 Vue.extend()方法 所有Ct ......
组件 源码 vue2 vue

Docker CLI docker compose ls常用命令

Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
命令 常用 compose Docker docker

vant ActionSheet组件嵌套多层时,第一层的顶部和底部不会被覆盖

问题描述: 这是一个只有在ios真机测试的时候才出现的问题,使用浏览器本地调试和安卓真机测试的时候都没有这个问题。 在一个页面中点击一个按钮的时候会出现 ActionSheet 动作面板 这个面板里主要是一个表单需要填写 和确定、取消按钮。 其中有选人组件 这个组件也是用 ActionSheet 动 ......
多层 底部 ActionSheet 组件 顶部

Vue2实现部分页面使用rem布局

1.计算rem值的比例,这里是1920的设计图; setRem(){ /** * @file: index.vue * @method: setRemPc * @param: * @return: * @description:计算rem大小 * @date: */ var whdef = 100/ ......
布局 页面 部分 Vue2 Vue

vue3 ts 项目文件夹解析

vue3 ts 项目文件夹解析 layouts 文件夹通常用于存放应用程序中的布局组件或布局相关的文件。 布局组件是用于包装应用程序中的页面内容的组件,通常包含头部导航、侧边栏、页脚、页面标题等等。布局组件可以在不同的页面中共享,并且可以为应用程序带来一致的外观和体验。 core 存放应用程序中的核 ......
文件夹 文件 项目 vue3 vue

element-plus 上传组件 el-upload 自定义上传 文件至 OSS

看了源码 beforeData 在 beforeUploadPromise 之前 导致 异步设置 :data 不生效 文件传不上去 到 2.3.4 版本 这个问题还没修复 所以用 http-request 实现 用 axios 上传文件 非常简单 const ossData = reactive({ ......
element-plus 组件 el-upload element 文件

vue2实现饼图Pie组件封装

实现如下效果: 如果不会请移步到官网的栗子,请点击查看 直接给大家上代码: 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; height:300px;"></div> 3 </template> 4 <script> 5 /* ......
组件 vue2 vue Pie

Vue3 实现印章徽章组件

Vue3 实现印章徽章组件 需要实现的组件效果: 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 组件代码文件结构: src/components/StampBadge/src/StampBadge.vue 文件代码: <template> <div class="first-r ......
徽章 印章 组件 Vue3 Vue

Git常用命令

拉取代码命令: git clone 地址/***.git 提交代码命令: git commit -m "**"(**为提交备注) 上传代码命令: # 上传到主分支git push -u origin master 将目前文件夹下所有的文件添加至暂存区命令: git add . 查看暂存区命令: gi ......
命令 常用 Git

Chrome常用启动参数

基于Chromium内核的浏览器常用启动参数 --app:像应用程序一样使用网页,常见使用:有道云笔记、微信网页版、文件服务器、翻译工具…… --kiosk:全屏打开网页,常见使用:大屏幕显示,双屏显示…… ......
常用 参数 Chrome

Vue 根据父组件的不同动态显示子组件

一、问题描述 两个同级组件公用一个子组件,需要根据不同的组件,动态显示子组件的内容,比如A需要这么多的Radio,但是B不需要 二、解决思路 父组件向子组件传值,子组件根据传入的内容进行判断 三、代码 // 父组件引入子组件 通过自定义名称传入父组件的值 <statusChange :isShowR ......
组件 动态 Vue

WIN7下安装VUE3.0

1、准备工作(你可以检查,清楚的话可以不用管) 1.1、检查nodejs版本:node -v 1.2、检车npm版本:npm -v 1.3、查看VUE脚手架版本:vue --version或vue -V(大写的V) 1.4、卸载VUE2版本命令:npm uninstall vue-cli -g 1. ......
WIN7 VUE3 WIN VUE

打开Vue文件报错解决方法

错误截图: 解决办法: npm i eslint-plugin-import 参考: https://juejin.cn/post/7033416976064053278 ......
文件 方法 Vue

RPM常用命令以及组合使用场景

本文分享自天翼云开发者社区《RPM常用命令以及组合使用场景》,作者:邬祥钊 当涉及到管理基于 Red Hat 系的 Linux 系统时,RPM (Red Hat Package Manager) 是一个常用的软件包管理器。以下是一些常用的 RPM 命令以及它们的组合使用场景: 常用命令: 1. rp ......
场景 命令 常用 RPM

一统天下 flutter - widget 布局类(可以有多个子): CustomMultiChildLayout - 自定义多组件布局

源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 布局类(可以有多个子): CustomMultiChildLayout - 自定义多组件布局 示例如下: lib\widget\layout\cus ......

一统天下 flutter - widget 容器类(只能有一个子): CustomSingleChildLayout - 自定义单组件布局

源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 容器类(只能有一个子): CustomSingleChildLayout - 自定义单组件布局 示例如下: lib\widget\container ......

前端vue使用exceljs、file-saver导出表格文件添加水印

创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel(带水印) 公共方法 * @param header v 为头,k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......
水印 前端 file-saver 表格 exceljs

wp常用插件

好用插件: 1. 备份迁移插件 wpvivid 2. Elementor Elementor网站构建器拥有一切:拖放页面构建器,像素完美设计,移动响应式编辑等等 3. WP Super Cache WP Super Cache 4. 浮动插件 Simple Floating Menu 5. ......
插件 常用

vue2 input防抖功能

1. 在el-input绑定@input事件 2. 在data中定义timer为null 3.在methods中定义@input绑定的方法 4. 在setTimeout中调用对应处理的方法 <el-input style="width: 140px;color:#FF8900" size="smal ......
功能 input vue2 vue

Vue项目的网络请求代理到封装详细步骤

1.创建vue项目 vue create demo demo是项目名称 2.安装axios 进入demo里面打开终端(黑窗口),执行 npm install axios 3.进行config.js配置 devServer: { host: "0.0.0.0", // 是否可以被覆盖 port: 80 ......
步骤 项目 网络 Vue

nuxt使用NuxtLink组件定义路由的锚点定位,使用:target伪元素无效问题的解决方法。

原因在使用NuxtLink组件进行路由之间的锚点跳转的时候,:target伪元素无法应用到目标元素。 出现这种情况一般是由于你没有将这个组件标记为外部组件,发现标记外部组件即可正确的进行锚点定位了。 原因可能就是nuxt会预读取属性,可能对标签的点击事件做了自定义处理,从而导致html的a标签的自带 ......
路由 组件 NuxtLink 元素 方法

ant-design-vue 表格嵌套子表格实现单次仅展开一项数据

嵌套表格要实现单次只能展开一行数据的原因在于,子表格的数据源跟父表格的数据存在对应关系,而代码中子表格的数据源只定义了一个 contracts ,所以每次点开新的行,都需要重新渲染页面 如果允许多行同时展开,那么先前展开所呈现的数据都会被覆盖,导致每个展开的子表格的数据一模一样。 实现: table ......
表格 套子 ant-design-vue 数据 design

Kivy中的Logger组件用于记录应用程序的日志信息

name: 可选参数,指定Logger组件的名称。 默认为 root。 level: 可选参数,指定Logger组件的记录级别。 默认为 debug。 propagate: 可选参数,指定是否向父Logger组件传递记录消息。 默认为 True。 handlers: 可选参数,指定Logger组件的 ......
应用程序 组件 程序 Logger 信息

Kivy中的sys组件提供了一些与系统交互的方法

argv: 可选参数,指定命令行参数。 默认为 None。 path: 可选参数,指定Kivy加载文件的路径。 默认为 None。 exit_on_escape: 可选参数,指定是否在按下ESC键时退出应用程序。 默认为 True。 from kivy.app import Appfrom kivy ......
组件 方法 系统 Kivy sys

Kivy中的Level组件提供了一种在屏幕上显示动态的、可交互的图形的方法

source: 必需参数,指定要显示的图像的路径。 支持的图像格式包括 PNG、JPEG 和 GIF。 size: 可选参数,指定Level组件的大小。 默认为 None,即使用图像的原始大小。 可以是一个二元组 (width, height) 或一个字符串形式的尺寸,如 '100dp'。 pos: ......
组件 图形 屏幕 方法 动态

Kivy中常用的菜单组件是PopupMenu。它的常用方法及其参数说明

open(widget): 在指定的控件下方打开弹出菜单。 widget 参数为要显示菜单的控件 my_menu = PopupMenu()my_menu.open(my_button) dismiss(): 关闭弹出菜单。 my_menu.dismiss() add_option(text, ca ......
常用 组件 PopupMenu 菜单 参数

Kivy中的lang组件是用于多语言支持的组件,它可以根据设定的语言环境来显示对应的文本。

filename: 必需参数,指定语言文件的路径。 语言文件是一个YAML文件,包含了不同语言的翻译内容。 default: 可选参数,指定默认语言。 默认为 en。 load: 可选参数,指定语言文件是否在加载时自动加载。 默认为 True。 code: 可选参数,指定当前语言环境的代码。 默认为 ......
组件 文本 语言 环境 Kivy

pinia vue3 ts 切换到其他页面后再切回来数据不见了

pinia vue3 ts 切换到其他页面后再切回来数据不见了 刷新有数据,但是切换到其他页面后再切回来数据不见了,我需要切回来后数据还有。 因为我的数据是刷新的话就会watch监视数据有没有改变,但是切换其他页面不会触发 我应该把得到的数据存储到store里面 这样切换其他页面也不会消失 ......
页面 数据 pinia vue3 vue