ant-design-vue element-plus组件element
vue使用问题记录:父组件通过props传给子组件数据,后改变数据,要使用nextTick,否则修改滞后,可能造成bug
问题如标题所写 代码示例: 父组件: <template> <div class=""> <div class=""> <t-form ref="formData" :data="data.formData" colon label-width="100px" label-align="right" ......
[element-ui] el-tabs修改绑定值切换标签无效
今天发现el-tabs一个奇怪的bug： tabs绑定v-model，第一次给绑定变量赋值跳转有效，点击切换tab后再次修改绑定变量，此时跳转无效，要手动调用setCurrentName方法。 调用方法如下（假设给tabs设置ref为'tabs'）： this.$refs.tabs.setCurre ......
elementUI上传组件，上传单个文件后隐藏上传按钮
vue代码 <el-upload ref="AvatarUpload" list-type="picture-card" action="" accept=".jpg, .png" :limit="1" :auto-upload="false" :file-list="fileList" :on-c ......
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......
大数据生态组件WEB UI地址汇总
(1) Hadoop Web UI http://master-1:50070/dfshealth.html#tab-overview (2) YARN应用Web UI http://master-1:8088/ (3) Spark Web UI http://master-1:18089/ (4) ......
使用element-plus的el-scrollbar时滚动条没有显示出来但是页面可以滚动的解决办法
如果使用 Element UI 的 el-scrollbar 组件时，滚动条没有显示出来但页面可以滚动，可以尝试调用其 update 方法来更新滚动条。 在适当的时机（例如在数据加载完成后或组件更新后），调用 el-scrollbar 的 update 方法可以重新计算滚动条的位置和尺寸，从而实现正 ......
Unity3D 基类脚本怎么分别获取多个子类脚本的组件详解
Unity3D是一款非常流行的游戏开发引擎，它提供了丰富的功能和工具，使得开发者可以轻松地创建高质量的游戏。在Unity3D中，脚本是游戏对象的一部分，它们通过附加到游戏对象上的组件来实现特定的功能。本文将详细介绍在Unity3D中如何分别获取多个子类脚本的组件，并提供相应的代码实现。 对啦！这里有 ......
安卓中ViewPager组件的使用场景与优劣分析
在Android应用开发中，ViewPager是一个非常重要的UI组件，它允许用户通过左右滑动的方式切换不同的页面视图。同时，ViewPager在Android开发中是一种常用的视图容器，主要用于在应用程序中实现滑动视图的效果。它通常用于分页展示内容，如图片轮播、标签切换等。 ......
React 类组件转换为函数式
函数式的 React 组件更加现代，并支持有用的 hooks，现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。 ......
修改vue-element-admin的登录逻辑
<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
【vue】,封装的table组件，table表格超出高度自适应滚动效果，设置页面全局统一自适应高度
需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta ......
结合 element -Plus组件库，压缩图片大小，限制图片格式
业务背景：业务上需求满足上传的图片不能太大，但是有时候上传的图片确实超过了限制大小，所以前端这边可以将图片压缩再上传，亦或者是上传给后端接口的图片只能是指定格式，我们前端需要将图片后缀转化，也可以处理！封装的使用方法如下：使用 canvas 对图片进行压缩处理： /* * 压缩图片 * param ......
vue3 如何判断组件中的 slot 是否有填充？
两种方法： 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
# vue3 组件之间传值
vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI ......
C++ Qt开发：SqlRelationalTable关联表组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`SqlRelationalTable`关联表组件的常用方法及灵活运用。在上一篇文章中详细介绍了`SqlTable... ......
Vue 倒计时小组件
商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠，这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法，循环的不断调用清除调用清除，具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
可拖拽弹框组件
可拖拽组件 <BaseDialog v-if="totalDialogVisible" title="合计" :visible.sync="totalDialogVisible" width="30%" @close="handleCloseTotal" @submit="handleCloseTo ......
table表格 组件
<template> <div> <BaseTable :searchConfig="searchConfig" :operateBtnConfig="operateBtn" :tableData="tableData" :tableConfig="tableConfig" :pagination= ......
下拉分页组件 select-page
组件使用文档： https://terryz.gitee.io/vue/#/selectpage/demo 实例： 需要使用的下拉分页的页面： <el-form-item label="公司" prop="carrierId"> <base-selectPage v-model="ruleForm. ......
vue 将百度地图或者高德地图组件化
一、前言 百度地图已经有了 react 相关的组件库，本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉，百度地图 webgl、高德地图都是一样的，因为底层都是通过 js 控制地图 如果用组件的方式开发，比如我将 BMap.Marker 作为一个组件，我暴露一个参数position，其目的是 ......
Unity3D 基类脚本怎么分别获取多个子类脚本的组件详解
Unity3D是一款非常流行的游戏开发引擎，它提供了丰富的功能和工具，使得开发者可以轻松地创建高质量的游戏。在Unity3D中，脚本是游戏对象的一部分，它们通过附加到游戏对象上的组件来实现特定的功能。本文将详细介绍在Unity3D中如何分别获取多个子类脚本的组件，并提供相应的代码实现。 对啦！这里有 ......
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解 原创 打工人小棋 打工人小棋 2023-05-16 13:24 发表于广东 1. 介绍 在上一期内容中，我分享了一套简单易用的UI框架。没想到大家的学习热情这么高，讨论度是目前所有内容最高的。 由此可见，天下苦UI(秦)久已！！！ 接下去， ......
C++ Qt开发：SqlTableModel映射组件应用
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`SqlTableModule`组件的常用方法及灵活运用。在多数情况下我们需要使用SQL的方法来维护数据库，但此方... ......
封装一个表情包组件（支持自定义表情图片）（基于vue3语法）
效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
分页组件
分页组件的使用 有三种分页方式 需要新建一个py文件，以pagination.py为例 方式一：基本分页 第一步：导入分页类 from rest_framework.pagination import PageNumberPagination 第二步：书写分页类，继承 PageNumberPagin ......
过滤组件
过滤组件的使用 有两种使用方式 方式一：使用drf内置过滤类 第一步：保证视图类继承 GenericAPIView 及其子类 # 以图书类为例 class BookView(ViewSetMixin, ListAPIView): queryset = Book.objects.all() seria ......
排序组件
排序组件快速使用 第一步：视图类需继承GenericAPIView或其子类 # 以图书类为例 class BookView(ViewSetMixin, ListAPIView): queryset = Book.objects.all() serializer_class = BookSeriali ......
Unity3D 基类脚本怎么分别获取多个子类脚本的组件详解
Unity3D是一款非常流行的游戏开发引擎，它提供了丰富的功能和工具，使得开发者可以轻松地创建高质量的游戏。在Unity3D中，脚本是游戏对象的一部分，它们通过附加到游戏对象上的组件来实现特定的功能。本文将详细介绍在Unity3D中如何分别获取多个子类脚本的组件，并提供相应的代码实现。 对啦！这里有 ......
内置组件-Teleport
介绍 <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。 基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他地方。 ......
内置组件-Transition
介绍 <Transition> 是一个内置组件，这意味着它在任意别的组件中都可以被使用，无需注册。它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。进入或离开可以由以下的条件之一触发： 由 v-if 所触发的切换 由 v-show 所触发的切换 由特殊元素 切换的动态组件 改变特殊的 ......