首页 > 其他 > 详细

ant design vue模态框中下拉滚动样式分离解决方法

时间:2021-06-26 23:33:30      阅读:124      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

鼠标滚动时候,文本框和下拉选项会分离,解决方法

//日期样式加入属性
:getCalendarContainer="(triggerNode) => {return triggerNode.parentNode}"
//其他样式加入属性(下拉框,级联选项、树选择等)
:getPopupContainer="(triggerNode)=>{ return triggerNode.parentNode}" 

  

           <a-tooltip>
                    <template slot="title"> 所属区域 </template>
                    <a-select
                    :allowClear="true"
                    show-search
                    v-model="form1.projectArea"
                    placeholder="请选择所属区域"
                    :getPopupContainer="(triggerNode)=>{ return triggerNode.parentNode}" 
                    :disabled="identifying == ‘changInfo‘"
                    >
                    <a-select-option
                        v-for="item in projectAreaOptions"
                        :key="item.codeValue"
                        :value="item.codeValue"
                    >
                        {{ item.codeName }}
                    </a-select-option>
                    </a-select>
             </a-tooltip>

  

技术分享图片

ant design vue模态框中下拉滚动样式分离解决方法

原文:https://www.cnblogs.com/theblogs/p/14939386.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!