首页 > 其他分享 >vue-treeselect 树下拉组件被遮挡问题

vue-treeselect 树下拉组件被遮挡问题

时间:2023-08-18 10:33:35浏览次数:42  
标签:el vue 遮挡 中文网站 组件 treeselect

vue-treeselect 组件官方中文网站: https://www.vue-treeselect.cn/

需求背景: 在el-tabs内容中添加此组件出现被遮挡问题
通过文档查询解决方法

<treeselect
    v-model="params.wardIds"
    :options="hospitalWardTree"
    value-consists-of="LEAF_PRIORITY"
    placeholder="请选择(可多选)"
    :multiple="true"
    class="topSearchTree"
    no-options-text="暂时没有内容"
    no-children-text="暂时没有内容"
    no-results-text="没有匹配内容"
    :normalizer="normalizer"
    :appendToBody="true"
  />

appendToBody属性设置为true 则可以解决被遮挡问题

标签:el,vue,遮挡,中文网站,组件,treeselect
From: https://blog.51cto.com/u_15978456/7132365

相关文章

  • vue与js
    1.js中(...)用法  https://blog.csdn.net/snackpdd/article/details/119388250                     ---......
  • vue3项目,vie框架,相对路径图片,测试时正常显示,发布后不显示问题解决方案
    参考Vite官网的说明,修改图片的引用路径后,图片发布后可以正常显示constimgUrl=newURL('./img.png',import.meta.url).hrefdocument.getElementById('hero-img').src=imgUrl官网地址: https://cn.vitejs.dev/guide/assets.html ......
  • Vue学习笔记:Vuex Part04 Getter
    Getter可以将store的state派生出一些状态,比如根据条件进行过滤Getter接受state作为其第一个参数,示例:conststore=createStore({state:{todos:[{id:1,text:'...',done:true},{id:2,text:'...',done:false}]},getters:{......
  • 安装VS Code并配置Vue开发环境
    VSCode是一款轻量级、功能强大的代码编辑器,支持多种编程语言和平台。它不仅提供了基本的文本编辑功能,还集成了终端、调试器、版本控制等工具,使得开发工作更加高效。以下是安装VSCode的步骤:在浏览器中打开VSCode官方网站(https://code.visualstudio.com/),点击下载适合自己操作系统......
  • .NET应用UI组件DevExpress XAF v23.1 - 全新的日程模块
    DevExpressXAF是一款强大的现代应用程序框架,允许同时开发ASP.NET和WinForms。DevExpressXAF采用模块化设计,开发人员可以选择内建模块,也可以自行创建,从而以更快的速度和比开发人员当前更强有力的方式创建应用程序。在新版中,DevExpressXAF组件发布了全新的日程模块、能自定义详......
  • MTvue
    标签a-space标签:这是一个AntDesign的a-space组件,用于在内部放置一些元素,并根据需要添加间距。AntDesign:是一个基于React的企业级UI组件库,提供了丰富的可复用的UI组件和样式。a-button标签<a-buttontype="primary"@click="handleAdd">新增</a-button>这是一个Ant......
  • 企业内容建站系统 ModStartCMS v7.0.0 多语言开发优化,多个常用组件升级
    ModStart是一个基于Laravel模块化极速开发框架。模块市场拥有丰富的功能应用,支持后台一键快速安装,让开发者能快的实现业务功能开发。系统完全开源,基于Apache2.0开源协议,免费且不限制商业使用。功能特性丰富的模块市场,后台一键快速安装会员模块通用且完整,支持完整的API调用大......
  • Vue的数据更新,页面不更新的解决办法
    可能原因更新的数据跟源数据不是同一个,即不是同一个引用解决办法最稳妥的办法,可通过拿到源数据取索引的方式进行数据的更新,如:有一个源数据叫:originData那么如果在更新时,通过this.originData[index].time=newValue的方式进行更新,而不是item.time=newValue这样,更新的是源......
  • vue2使用vite
    安装插件//一个vite必备,第二个是为了兼容vue2npmi-Dvitevite-plugin-vue2将public中的index.html拉出来,放在最外层,与package.json同级在index.html中引入main.js<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><metahttp-e......
  • vue3 vue.config.js配置详解
    //vue.config.js文件是用于VueCLI项目的全局配置的module.exports={  //部署应用包时的公共路径  publicPath:"./",  //生产环境构建文件的目录名(默认为dist)  outputDir:"dist",  //放置生成的静态资源的目录(默认为dist/static),可以修改为public。  assetsDir......