Vueの要素は、objectタグ上に配置された選択のUI

オブジェクトのグリッドへのカスタムレポート（グリッド++レポートサーバーレポート）を使用する場合、++サーバー・ステートメントは、レポートのデータをロードするために使用され、見つかったオブジェクトは、基本的に言うBaiduのことでdivの層の上に常にあるオブジェクトタグフラッシュソリューションは、 。また、さまざまなを試してみてください、私たちは私の問題を解決することはできません。だから、私は、ソース基地要素から変換コンポーネントの選択を考え出すことができる
コンソールデバッグによって上記のように、私はiframeオブジェクト上のレベルを知っているので、生成されたHTMLコンポーネントはEL-スクロールバーを発見した参照します。だから、エル・スクロールバーはインラインフレームをラップするためのdivを置きます。

 <el-scrollbar
          tag="ul"
          wrap-class="el-select-dropdown__wrap"
          view-class="el-select-dropdown__list"
          ref="scrollbar"
          style="z-index:2;"
          :class="{ 'is-empty': !allowCreate && query && filteredOptionsCount === 0 }"
          v-show="options.length > 0 && !loading">
          <el-option
            :value="query"
            created
            v-if="showNewOption">
          </el-option>
          <slot></slot>
        </el-scrollbar>
          <div v-if="loadiframe" :style="{display:visible===true?'block':'none'}" style="opacity:0.5;position:absolute;top:0;height:100%;width:100%;z-index:1;"> <iframe frameborder="0" width="100%" height="100%"></iframe></div>

要素コードを直接コンパイルされる置換プロジェクトLIBのlibに得られ、DISTを実行NPM
IFRAMEしたがって1にDIV半透明、Z-INEXセットが提供され、z屈折率が2に設定され、I EL-スクロールバーを見ることができますUL>李はの上に配置することができます。（図2）の結果を表示する

前に変換を見ていなかった（図3）