踩坑记录:今天做大屏遇到了select的下拉列表不显示问题
官网给出:菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。
在这里插入图片描述
在这里插入图片描述

 <a-select
                        @change="handleProvinceChange"
                         :getPopupContainer="(triggerNode) => triggerNode.parentNode"
                      
                          v-decorator="['riskCategoryId', { rules: [{ required: true, message: '请选择风险类别' }] }]"
                        >
                          <a-select-option v-for="item in riskCategoryList" :key="item.Id" :value="item.Id">
                            {{item.Text}}</a-select-option>
                        </a-select>
 data() {
    return {
        riskCategoryList: [], //风险预警下拉列表
    }
  },
 mounted() {
      //获取风险预警类别下拉列表
            this.getRiskCategory()   
  },
 //获取风险预警类别下拉列表
    getRiskCategory() {
      this.requestGet('/Risk/GetRiskCategoryCombo').then((res) => {
        this.riskCategoryList = res.data
      })
    },

a-date-picker加上这行代码就可以了。下图为官网相关截图。

 :getCalendarContainer="(triggerNode) => triggerNode.parentNode"

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐