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

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

 <a-select
     v-model="modelId"
     style="width: 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"
         />

 

相关文章:

  • 2022-12-23
  • 2021-08-09
  • 2021-10-02
  • 2022-02-04
  • 2022-01-20
  • 2021-06-02
  • 2021-11-08
猜你喜欢
  • 2021-11-29
  • 2021-11-17
  • 2022-03-01
  • 2021-09-25
  • 2022-12-23
  • 2021-12-14
相关资源
相似解决方案