当前位置:   article > 正文

Popover嵌套select 点击下拉导致外部Popover消失_popover 中select 点击导致关闭

popover 中select 点击导致关闭

"element-plus": "^2.3.8",使用

使用teleported属性 防止外部Popover关闭

  1. <el-popover placement="right" width="400" trigger="click">
  2.             <template #reference>
  3.                 <el-button>click 激活</el-button>
  4.             </template>
  5.             <div>
  6.                 <el-select v-model="form.event" class="m-2" placeholder="事件 " :teleported="false">
  7. <el-option v-for="item in events" :key="item.value" :label="item.label" :value="item.value" />
  8. </el-select>
  9.             </div>
  10.          
  11.         </el-popover>

2.3.8之前使用:popperAppendToBody="false" 防止关闭

  1. <el-popover placement="right" width="400" trigger="click">
  2.             <template #reference>
  3.                 <el-button>click 激活</el-button>
  4.             </template>
  5.             <div>
  6.                 <el-select :popperAppendToBody="false" v-model="value" placeholder="请抉择">
  7.                     <el-option v-for="item in 2" :key="item" :label="item" :value="item">
  8.                     </el-option>
  9.                 </el-select>
  10.             </div>
  11.          
  12.         </el-popover>

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号