首页 > 其他分享 >实习笔记 之 前端技巧

实习笔记 之 前端技巧

时间:2024-04-07 11:44:07浏览次数:24  
标签:node 错位 示例 前端 parentNode 滚动条 笔记 实习 select

下拉选项滚动错位

  • 问题描述:当使用了  a-modal   或其他带有滚动条的组件时,使用  a-select  组件并打开下拉框时拖动滚动条,就会导致错位的问题产生。
  • 解决方法:
      • 大多数情况下,在  a-select  上添加一个  getPopupContainer  属性,值为 node=>node.parentNode  即可解决。
      • 但是如果遇到 a-select  标签层级过深的情况,可能仍然会显示异常,只需要多加几个 .parentNode  (例如: node=>node.parentNode.parentNode.parentNode )多尝试几次直到解决问题即可。
  • 代码示例:
    <a-select 
      placeholder="请选择展示模版" 
      :options="dicts.displayTemplate" 
      :getPopupContainer="node => node.parentNode"
    />

     

表单输入默认去掉前后空格

  • 通过 .trim 实现
  • 代码示例:
    <a-input 
        placeholder="请输入角色编码" 
        v-decorator.trim="['roleCode',validatorRules.roleCode]"
    />

     

     

 

标签:node,错位,示例,前端,parentNode,滚动条,笔记,实习,select
From: https://www.cnblogs.com/yhstsy/p/18118760

相关文章

  • YOLO系列笔记 · 二 · v1
    YOLO系列笔记·二·v1YOLO-V1概述核心思路网络结构数据结构解释损失函数1.位置误差(BoundingBoxPrediction)2.置信度误差(ConfidencePrediction)3.分类误差(ClassPrediction)NMS(非极大值抑制)存在的问题YOLO-V1概述YOLOv1(YouOnlyLookOnce版本1)作为经典的单......
  • MCE学习笔记
    MCE学习笔记最小表示法。你说的对,月考考完了,但是感觉基本炸了。/ll/ll,相对失败。艹,写了我一个晚上。\(\frac{3}{20}\),还差的远呢。闲话:MCE是a3叫的,不过感觉挺好听。这个算法出题的话可能就比较板了,所以不是很热门?不废话了。引入定义:循环同构,对于两个字符串\(S\)......
  • SCC学习笔记
    SCC学习笔记好听点的话来说,就是强连通分量。一个有向图,里面任意两个节点之间可以相互到达,我们把它称为一个强连通分量。Kosaraju首先,对于一个强连通的图,显然,他的反图也是一个强连通图。(因为原先\(A\)可以到\(B\),\(B\)可以到\(A\),反过来是一样的)做法是从任意一个点开始,......
  • 生成树学习笔记
    最小生成树学习笔记代码合集很好,这还是一篇复习笔记。考虑这么一个问题,给出一张无向图,有\(n\)个点,\(m\)条边,边有边权,要你找\(n-1\)条边,使得这\(n\)个点联通且边权和最小。Kruskal首先,我们先把边权进行排序,然后贪心的加边,把选的边所带的点加到一个集合里面。如果\(x......
  • 单调栈 and 单调队列学习笔记
    单调栈and单调队列学习笔记本文均以维护单调递增的栈/队列举例。本篇代码合集以后在写动态规划单调队列/单调栈优化的时候,这两个东西会合并。单调栈本质上就是模拟。假设要维护一个单调递增的栈,那么对于一个元素进来了,在栈顶的所有比他小的数我全部都要踢出去,不然就不满足......
  • 并查集学习笔记
    并查集学习笔记本质上还是一个复习笔记。考虑这样一个问题:给出\(x,y\),合并\(x,y\)所在集合。给出\(x,y\),查询\(x,y\)是否在同一集合内。我们把集合当成一棵树,两个点有连边就表示他们在同一个集合内。这棵树的根节点就是这个集合的“老大”,也就是这个集合里面的......
  • Docker学习笔记(三)Dockerfile指令详解
    文章目录FROM指定基础镜像RUN执行命令COPY复制文件ADD高级文件复制CMD容器启动命令ENTRYPOINT入口点ENV设置环境变量ARG构建参数VOLUME定义匿名卷EXPOSE声明端口WORKDIR指定工作目录USER指定当前用户HEALTHCHECK健康检查ONBUILD构建触发器LABEL添加元数据......
  • C语言学习笔记--(2)基础语法
    我先写点,我不太擅长写,所以各位有问题可以评论说,我看到一定改一.C语言编程的格式    我们可以先看一个关于C语言的基础实例下面是一个简单的C语言程序,用于计算购买商品的总价,并根据折扣计算最终支付金额。#include<stdio.h>//计算购买商品的总价floatcalculat......
  • 2-SAT 学习笔记
    2-SAT学习笔记P4782【模板】2-SAT2-SAT问题模型:构造bool变量\(x_1,x_2...x_n\),使得满足一些限制一对\(x_1\)和\(x_2\)取值的条件合法。很显然根据Floyd传递闭包可以做到\(O(n^3+m)\),但不太行。有\(O(n+m)\)的做法,发现对于每个条件是要我们选择一种取值(选择就很......
  • [笔记]数位dp例题及详解(更新中)
    数位dp的定义引自洛谷日报#84:求出在给定区间\([L,R]\)内,符合条件\(f(i)\)的数\(i\)的个数。条件\(f(i)\)一般与数的大小无关,而与数的组成有关。由于是按位dp,数的大小对复杂度的影响很小。由于数位dp状态的上下文信息比较多,所以一般用记忆化搜索实现,而非递推。P4999烦人的数......