Dropdown 追加到 template 标签的子元素里


??element 的下拉菜单 Dropdown,在使用的过程除了样式不太好改外,还有个比较头疼的问题,就是下拉框的选项是渲染为 body 的直接子标签的。但是官方文档里找到相关的属性

  • 问题(渲染为 body 的直接子标签)

    
      
        下拉菜单
      
      
        黄金糕
        狮子头
        螺蛳粉
        双皮奶
        蚵仔煎
      
    
    

  • 解决方案

      
        
    {{ languagetext }}
    中文 English
      mounted() {
        this.$refs.here.appendChild(this.$refs.mydropd.popperElm);
      },
    

    1. el-dropdown-menu 添加 :append-to-body="false"ref="mydropd"
    2. el-dropdown-menu 同级定义
    3. 调用 this.$refs.here.appendChild(this.$refs.mydropd.popperElm);