vue3.x中el-select组件使用自定义指令不要将弹出框插入至 body 元素 设置 :popper-append-to-body='false' 否则报错
<el-select class="select" :popper-append-to-body="false" v-model="selectValue" placeholder="请选择" popper-class="select-option" > <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> /deep/ .el-input__inner...
所以其实应该是打开了,但是因为使用了 screenfull 导致定位错位了,或者直接定位失败了。 但是我自己的项目里面在 el-dialog 上面使用 screenfull,在弹窗内部使用 el-select 并不会出现定位错误的情况,所以还是得提供更多的代码信息才行。可能是因为你在 el-select 上面使用了 popper-append-to-body 属性导致的?可以考...
: RawSlots [name: string]: unknown } const getAppendToElement = (appendTo: IModalOptions['appendTo']): HTMLElement => { let appendToEL: HTMLElement | null = document.body if (appendTo) { if (typeof appendTo === 'string') { appendToEL = document.querySelector<HT...
unknown } const getAppendToElement = (appendTo: IModalOptions['appendTo']): HTMLElement => { let appendToEL: HTMLElement | null = document.body if (appendTo) { if (typeof appendTo === 'string') { appendToEL = document.querySelector<HTMLElement>(appendTo) } if (appendTo instance...
</el-select> </div> <!-- 周期从 --> <div class="mt-15"> <el-radio label="4" v-model="state.minute.cronEvery">周期从</el-radio> <el-input-number v-model="state.minute.rangeStart" :min="0" :max="59" controls-position="right" /> ...
</el-sub-menu> </div> </template> 这里涉及到几个方法,具体的方法细节我就不贴出来了,主要和大家说下实现思路。 先看整体上,这个菜单要是非隐藏的,隐藏的菜单,那么直接一级菜单及其下的子菜单就都不渲染了。 渲染整体上分两块,上面的 template 主要是渲染只有一个子菜单的情况,也就是第一小节的 2、3、...
el-button> <el-button type="primary" size="small" @click="exportData"> 失败导出 </el-button> </template> </avue-crud> </basic-container> </template> <script> import { mapGetters } from 'vuex' import XLSX from 'xlsx' export default { name: 'ImportExam', components: {}, props: ...
<el-upload ref="uploadReAddRef" class="footer-btn-add-wrapper" multiple :show-file-list="false" :auto-upload="false" :accept="'video/mp4'" :on-change="selectFilesChange" > <el-button class="footer-btn-add"> <img src="@/assets/icons/icon_upload_file.png" alt="" /> ...
对于普通的有父有子的情况,渲染的时候,通过 el-sub-menu 标签进行渲染,但是注意子项是 sidebar-item,sidebar-item 其实就是当前项!换言之,这里的渲染其实还用到了递归(直到没有 children 的时候结束),这样即便菜单有三级四级五级等等,只要不嫌难看,都是可以渲染出来的。