组件
html5实现文件批量上传组件
一、概述 在html5中，相对于之前添加了不少新的元素和属性，在javascript中也添加了一些新的API，这些给我们的开发带来了很多便利。但由于各浏览器的发展步骤不一致，也导致了不同浏览器对html5支持的差异性。 二、实现原理 1.在该html5实现的文件批量上传组件中，我们主要是利用html ......
不使用第三方插件自己写一个数字递增滚动组件
开箱即用水贴专用哈哈哈封装NumberRoller.vue组件 <template> <div> <span :style="fontColorSize">{{ formattedValue || 0 }}</span> </div> </template> <script> export defa ......
delphi 窗体设计器选项（显示非可视组件、自动创建窗体）
窗体设计器选项（显示非可视组件、自动创建窗体） 选项介绍 窗体设计器的首选项。 Tools > Options > User Interface > Form Designer Grid options Display grid 在设计器上显示点网格点，以帮助对齐控件。 Use designer g ......
Element UI --Upload组件，上传的文件名后缀重复问题
在使用Element UI 的Upload组件，发现上传的文件名后缀是重复的。（eg. test.pdf.pdf） 在检查了相关组件的使用，没有任何问题，最后发现是windows电脑自动会隐藏文件扩展名，导致用户以为文件没有扩展名，继续修改成带后缀的文件名导致。 可以点击文件--查看--勾选扩展名， ......
SpringCloud版本升级个组件替代方案
转载自：https://juejin.cn/post/7196140566110355515 SpringCloud版本升级个组件替代方案 Spring Boot Spring Boot 版本 截止 2023 年 1 月 20 日，Spring Boot 的最新版本为 3.0.2，最新的版本信息可以 ......
设置element组件表格：表头样式、单元格样式、表尾合计、边框、行高
设置表格头样式 methods: { headerCellClassName({ row, column, rowIndex, columnIndex }) { if (rowIndex 0) { return { textAlign: 'center', background: '#FFD966' ......
delphi 使用WIC（Windows 映像组件）加载图片
使用WIC（Windows 映像组件）加载图片 TWICImage 是 Microsoft Windows 映像组件的封装。 WIC映像是一个容器，允许加载多种映像格式。 可以使用 TWICImage 实例来加载、存储和显示位图、JPEG、PNG、GIF、TIFF 或使用 WIC API 注册的任何 ......
C++ Qt开发：Charts绘图组件概述
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QCharts`二维绘图组件的常用方法及灵活运用。Qt Charts 提供了一个强大且易于使用的工具集，用于在 ... ......
记录--Vue3问题：如何实现组件拖拽实时预览功能？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。 ......
若依关闭页签不会销毁 keep-alive 缓存的组件
问题场景 使用 keep-alive 缓存的组件。离开该页签时，组件状态为 inactive；点击该页签时，组件状态为 active。 点击按钮关闭该页签 this.$tab.closePage(view)，该组件被销毁。 需求：在页面A中删除数据B，则之前点击数据B打开的页签C会被关闭（使用 th ......
vue项目中使用的移动端的签名组件，纯 js 写的
<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......
k8s组件、工作原理详解
1.k8s组件 Master 组件：kube-apiserver（API Server）: 角色： 提供集群的唯一入口，处理所有 API 请求。 原理： 接收来自客户端（kubectl、UI 界面）和其他组件的请求，验证和授权请求，然后将其转发到其他组件或更新 etcd 中的数据。etcd: 角色： ......
巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）
问题描述 有一个简单的表格，产品要求实现双击可编辑 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下： <el-tabl ......
elementUI 的el-dialog作为子组件，父组件如何控制其关闭的按钮
这里有三点需要说明： 1. 使用：before-close="closeHandle" 将其 $emit() 出去 2. 取消按钮 也需要$emeit出去 3. 控制对话框显示隐藏的变量需要props给父组件来传值，这个相当重要，不然控制不了对话框的显示隐藏 4.1,2步骤是为了在子组件不再重复操作 ......
十八、组件-容器组件-column、row、flex
@Entry @Component struct ColumExample { build() { Column({space:10}) { Column() { Column().width('50%').height(30).backgroundColor(Color.Blue) Column( ......
官宣！DevExpress Blazor UI组件，支持全新的.NET 8渲染模式
DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验，这个UI自建库提供了一套全面的原生Blazor UI组件（包括Pivot Grid、调度程序、图表、数据编辑器和报表等）。 .NET 8为Blazor引入了 ......
C++ Qt开发：StandardItemModel数据模型组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`StandardItemModel`数据模型组件的常用方法及灵活运用。`QStandardItemModel` ... ......
vue3 + vant4 ：form表单中，搭配 Popup 和 Field 实现vant-picker组件，设置默认值及默认选中--踏坑
环境：vue3，vant4 背景：Picker 作为用于辅助表单填写，搭配 Popup 和 Field 。页面需要给picker设置默认值，city为温州，但是在popup弹出时，picker没有选中温州这个选项，还时停留在杭州。 解决方案： 看了很多解决方案，设置default-indexset ......
Qt在ui界面设置组件样式，styleSheet属性
QGroupBox { border: 3px solid red; border-radius: 15px; } QGroupBox#groupBoxBtns { border: 3px solid green; border-radius: 5px ; } QPushButton { borde ......
记录--Vue自动生成组件名
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 unplugin-generate-component-name 一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。 项目地址 功能 💚 支持 Vue 3 开箱即用。 ⚡️ 支持 Vite、Webpack、Rsp ......
基于vue3和elementplus实现的自定义table组件
基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页 目录结构如下： 类型声明： declare type DictType ......
C++ Qt开发：StringListModel字符串列表映射组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QStringListModel`字符串映射组件的常用方法及灵活运用。`QStringListModel` 是 ... ......
Flutter Key 以及通过Key获取子组件的状态和方法
import 'package:flutter/material.dart'; class ColorItem { GlobalKey key; Color color; //设置子组件的key，这里用的GlobalKey，用来后面获取子组件 //如果不用获取子组件，也可以用Valuekey Col ......
【UniApp】-uni-app-自定义组件
前言 经过上个章节的介绍，大家可以了解到 uni-app-网络请求的基本使用方法 那本章节来给大家介绍一下 uni-app-自定义组件 的基本使用方法 原本打算是直接写项目的，在写项目之前还有个内容需要我在码一篇文章，所以就先码这篇文章了 本章节的内容比较简单，大家可以快速的过一遍，然后在项目中使用 ......
C++ Qt开发：StatusBar底部状态栏组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QStatusBar`底部状态栏组件的常用方法及灵活运用。`QStatusBar` 是 Qt 中用于在主窗口底部... ......
鸿蒙开发之容器组件
容器组件类似于flex的布局， 不过这里是固定Column 是纵向 Row是横向 当然， 也提供了很多的flex相关的属性封装 如何设置？ 第一种是 Row() { Text($r(…)) Text($r(…)) } .justifyContent(FlexAlign.SpaceBetween) / ......
鸿蒙开发之系统基础组件
应用page的组成部分是 组件组成的， 系统提供了很多的组件 Image/Text Image组件 Image($r('app.media.logo')) .width(78) .height(509) 使用string 设置 .width('78vp') // vp vm的像素单位 使用定义资源j ......
el-upload组件报TypeError: Cannot create property ‘uid‘ on string错误解决方法
今天发现使用el-upload上传文件,上传没有问题,点详情看文件时就会报一个错误,错误如下:TypeError: Cannot create property ‘uid’ on string ‘https://xxxx.com/upload/20230506/1683346602758.png’ ......
vue2加载远程组件
<template> <div class="async-component"> <div @click="child">hahah</div> <component ref="test" :is="remote" v-if="remote" :test="test" @handler="haha" ......