组件opentiny特色
elementplus-Cascader 组件vue3 实现省市区级联动态加载
背景： 省市区级联是三张sql表，需要实现动态加载 因为我只需要三级 leaf 标记为>=2就好了 <el-cascader :props="props" /> const props: CascaderProps = { lazy: true, async lazyLoad(node, resol ......
pyqt的组件
PyQt是一个用于创建桌面应用程序的Python库，它提供了许多常用的组件，以下是一些常见的组件及其用途： 1. QApplication：创建GUI应用程序的主要类。 2. QWidget：所有用户界面对象的基类。 3. QLabel：用于显示文本或图像的小部件。 4. QLineEdit：用于输 ......
pyqt6组件
PyQt6是Python的一套GUI工具包，它提供了许多常用的组件，以下是所有组件及其用途： 1. QApplication：创建GUI应用程序。 2. QWidget：所有用户界面对象的基类。 3. QMainWindow：主窗口，用于放置其他窗口部件。 4. QDialog：模态对话框，用于获取 ......
vue3中组件,api的自动导入
vue3中ref,reactive等api和自定义组件等每个页面都要引入很麻烦，偷懒是人的天性，故引入自动导入插件，以此记录： 1.vue3的api自动导入 使用前： <script setup lang="ts"> import { ref, onMounted } from 'vue' cons ......
Bootstrap Blazor 实战动态表单组件
### 1.新建工程 [源码](https://github.com/densen2014/Blazor100/tree/master/b18ValidateForm?WT.mc_id=DT-MVP-5005078) 新建工程b18ValidateForm,使用 nuget.org 进行 Boots ......
scroll-view 组件里的 scroll-into-view 属性实例
微信小程序的scroll-view组件中，scroll-into-view 属性可以指定滚动到指定id的位置。 <scroll-view class="content" scroll-y scroll-into-view="{{ intoIndex }}" scroll-with-animation ......
springboot结合baomidou dynamic-datasource组件实现多数据源
当系统数据量过大，系统性能问题逐渐浮出水面。使用主从模式，不失是一个较好的选择。即业务在主库执行，不影响业务的查询考虑走从库。这时，程序需要动态多数据源配置。 🍀程序如何实现1. pom引入多数据源组件依赖 <dependency> <groupId>com.baomidou</groupId> ......
Vue3内置组件suspense用法
## 1、作用 在使用异步组件时，由于需要等待组件加载完成后才能显示，因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符，提高用户体验。 ## 2、用法 * 首先子组件AsyncShow：使用了promise包裹代码 ```javascr ......
14.4K Star，一款外观漂亮、运行快速、动画细腻的开源免费UI组件库
之前给大家推荐了很多后台模版，有读者希望推荐一些跟通用的好看组件，毕竟出了后台还有很多其他场景嘛。所以，今天继续给大家推荐一个广受好评的UI组件库：[**NextUI**](https://blog.didispace.com/tj-opensource-nextui/)  { const comp = new (V ......
Vue组件缓存之keep-alive正确使用姿势
先来看一个项目中的需求 作为苦逼的前端开发者，我们无时无刻都要面对产品经理提的各种需求, 比如下图这个场景 场景： 从首页的点击导航进入列表页, 列表页点击列表进入 该 数据详情页 从详情页返回，希望列表页缓存，不重新渲染数据，这样会提高用户体验。 分析一下 这样需求，如果是小程序的话，默认列表页就 ......
vue3 使用 setup 语法糖时，keep-alive 缓存使用 include / exclude 获取组件名
``` ``` `vue3` 使用 `keep-alive` 缓存页面时，如果需要使用 `include / exclude` 参数，那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名，此时想要设置组件 `name` 的话有如下方法： #### 1. 多写一个script标 ......
使用ant design vue Table组件遇见的问题记录
1.首先是给表格加自增序号 { title: "序号", customRender: (text, record, index) => `${index + 1}`, }, 这样就加上了 2.然后是ant没有key值控制台报错 如果有id或者唯一属性可以把rowkey设置为唯一属性查了一下也不一定是 ......
ExtJS-文件上传组件-FileUpload
ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html 转载请注明出处:https://www.cnblogs.com/cqpanda/p/17030699.html >更新记录 >2023年8月24日 从代码迁移到博客。 完整源代码： h ......
DevExpress WinForms数据编辑器组件，提供丰富的数据输入样式！（二）
DevExpress WinForms超过80个高影响力的WinForms编辑器和多用途控件，从屏蔽数据输入和内置数据验证到HTML格式化，DevExpress数据编辑库提供了无与伦比的数据编辑选项，包括用于独立数据编辑或用于容器控件(如Grid, TreeList和Ribbon)的单元格。 在上文 ......
时间筛选组件只选到月份，当月的话默认查月初到当前的前一天，其他月份的查月初到月末，且当月之后的月份禁止选择
//html 月份筛选组件 <div style="height: 28px"> <span class="headStyle">月作业率</span> <el-form :inline="true" :model="teamGroupForm" class="formInput" style="m ......
Unity UGUI的Toggle（复选框）组件的介绍及使用
# Unity UGUI的Toggle（复选框）组件的介绍及使用 ## 1. 什么是Toggle组件？ Toggle（复选框）是Unity UGUI中的一个常用组件，用于实现复选框的功能。它可以被选中或取消选中，并且可以代码通过其制控状态。 ## 2. Toggle组件的工作原理 组Toggle件由 ......
图片预览组件 （放大 缩小 旋转 鼠标拖动）
**效果图**  **其中的图片初始化 不需要 如果需要可自行修改一下** **完整代码如下 ** 点击查看代码 `` ......
记录一个通过keep-alive缓存组件不生效的问题
项目中通过菜单管理配置页面进行缓存，layout组件中通过keep-alive的include属性进行命中 官方描述：匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。 通过检查发现配置菜单时 ......
Unity UGUI的Image（图片）组件的介绍及使用
# UGUI的Image（图片）组件的介绍及使用 ## 1. 什么是UGUI的Image（图片）组件？ UGUI的Image（图片）组件是Unity引擎中的一种UI组件，用于显示2D图像。它提供了一种简单而灵活的方式来在游戏中加载和显示图片。 ## 2. 为什么要使用UGUI的Image（图片）组件 ......
DevExpress WPF HeatMap组件，一个高度可自定义的热图控件！
像所有DevExpress UI组件一样，HeatMap组件针对速度进行了优化，包括数十个自定义设置和高级API，因此用户可以快速将美观的数据可视化集成到下一个WPF应用程序中。 P.S：DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过D ......
组件通讯
# 1. 组件通讯 ## 1.1 props > 1. 主要用于父传子，只能一级一级传递 > > 2. 传递数据的方法：属性名={值}，属性名自定义 > > 3. 如果是`函数组件`接收数据，则通过形参props接收数据 > > 4. props是对象{arr：[...]}，对象上的属性就是传递数据 ......
下拉选择组件 指定搜索字段
show-search后可开启搜索模式。 把搜索的值内容改为optionFilterProp=label 想同时搜索label和value两个字段把label设置成label="v.roleName+v.roleId" <a-select ref="select" v-model:value="va ......
通过作用域插槽封装高级列表组件
### 1、应用范围 一个项目可能有多个页面用到了table，都是从后台请求数据进行渲染。分页。等通用功能。ui或许有些许不同，但是大部分都是重复的功能。所以看了官方文档，我们可以通过作用域插槽封装高级列表组件，一个组件通用所有项目。 ### 2、使用方式 * 封装通用组件 ```javascrip ......
vue3父子组件通信小结
### 父子组件中的attrs props 理解/继承 首先，父组件可以给子组件传入属性、监听函数（类似onClick），class，style,id，总结起来就是大三类-**属性，监听函数，样式**！ 爷爷组件 -- 有两个监听函数 ```jsx import { computed, define ......
vue拖拽组件的使用（vuedraggable）
[vuedraggable官方文档链接](https://www.itxst.com/vue-draggable/tutorial.html)：https://www.itxst.com/vue-draggable/tutorial.html 按装 ``` npm i -S vuedraggable ......