zoukankan      html  css  js  c++  java
  • 使用antd中的select选择器、日期选择、Cascader组件等下拉组件下拉框偏移错位(选项和下拉选择框分离)

    1.select组件,Cascader组件使用 :

    加getPopupContainer属性,直接使用 getPopupContainer={triggerNode => triggerNode.parentNode},像下面这种:

     <a-select
         v-model="modelId"
         style=" 90%;margin-left:10px;"
         :size="size"
         @change="selectItem"
         placeholder="请选择模型"
         :getPopupContainer="triggerNode=> triggerNode.parentNode">
         <a-select-option
           :value="item.modelId"
            v-for="(item,index) in modelList"
            :key="index">
         {{item.modelName||''}}
       </a-select-option>
    </a-select>

    2.日期、时间类的组件(DatePicker、TimePicker)

    加getCalendarContainer属性,像下面这种

            <a-range-picker
               @change="changeRangeList"
               :value="dateRangeListVal"
               :placeholder="['选择起始日期', '选择截至日期']"
               :getCalendarContainer="triggerNode=> triggerNode.parentNode"
             />
  • 相关阅读:
    格式布局
    hive UDAF源代码分析
    HIVE自定义函数 UDF
    HIVE函数UDAF 最大值
    牛顿法求平方根 scala
    mongoDB
    java类的加载机制
    类的加载过程
    Redis学习手册(目录)
    我与小娜(05):变换时空,重返北京
  • 原文地址:https://www.cnblogs.com/huxiuxiu/p/13188342.html
Copyright © 2011-2022 走看看