在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 如何解決百度編輯器位置不固定的問題?

如何解決百度編輯器位置不固定的問題?

用vue+elementui構(gòu)建的項目,其中用了這個ueditor的vue插件,插件地址:
https://github.com/SilentTige...
現(xiàn)在點擊修改的時候,百度編輯器的工具欄模塊會自動跑出去,變成下圖這樣:
圖片描述
請問如何解決。

        <el-col :span="24">
          <div class="panel">
            <panel-title title="特色項目">
              <el-button type="primary" icon="plus" size="small" @click="open_charm_dialog">添加特色項目</el-button>
            </panel-title>
              <el-dialog :title="charm_dialog" :visible.sync="charm_show_dialog" :close-on-click-modal="modal">
                <el-form :model="form_ch" ref="charm_form" :rules="rulessss" label-position="top">
                  <el-row>
                    <el-col :span="8">
                      <el-form-item label="封面設(shè)置:" label-width="120">
                        <el-upload
                         action="/api/image_action"
                         :headers="charm_headers"
                         :show-file-list="false"
                         :on-success="handle_charm_sucess"
                         >
                          <img v-if="form_ch.img_url" :src="form_ch.img_url" class="new-logo">
                          <div v-else class="el-upload el-upload--picture-card">
                            <i class="el-icon-plus img-uploader-icon"></i>
                          </div>
                        </el-upload>
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="內(nèi)部圖片:" label-width="120">
                        <el-upload
                         action="/api/image_action"
                         :headers="charm_sub_headers"
                         :show-file-list="false"
                         :on-success="handle_charm_sub_sucess"
                         >
                          <img v-if="form_ch.simg_url" :src="form_ch.simg_url" class="new-logo">
                          <div v-else class="el-upload el-upload--picture-card">
                            <i class="el-icon-plus img-uploader-icon"></i>
                          </div>
                        </el-upload>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-form-item label="部門名稱:" label-width="120" prop="name">
                    <el-input v-model="form_ch.name" auto-complete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="部門介紹:" label-width="120" prop="desc">
                    <VueUEditor ref="ued_f" @ready="uready_f"></VueUEditor>
                  </el-form-item>
                  <el-form-item label="特色項目:" label-width="120" prop="charm">
                    <VueUEditor ref="ued_s" @ready="uready_s"></VueUEditor>
                  </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                  <el-button @click="charm_show_dialog = false">取 消</el-button>
                  <el-button type="primary" @click="submit_charm">確 定</el-button>
                </div>
              </el-dialog>
            <div class="panel-body">
              <el-table
                 :data="charm_data"
                 highlight-current-row
                 @current-change="get_charm_row"
                 border
                 height="450"
                 style="width: 100%;">
                 <el-table-column
                  label="序號"
                  min-width="96"
                  width="100">
                  <template slot-scope="props">
                    <el-select @input="set_charm_sticky" :value="props.row.store" size="mini" :placeholder="String(props.$index + 1)">
                      <el-option
                        v-for="item in charm_data.length"
                        :label="String(item)"
                        :value="String(item)">
                      </el-option>
                    </el-select>
                  </template>
                </el-table-column>
                <el-table-column
                 label="圖片顯示"
                 width="120">
                  <template scope="props">
                    <img class="cavatar" v-bind:src="props.row.img_url">
                  </template>
                </el-table-column>
                <el-table-column
                 prop="name"
                 label="部門"
                 width="180">
                </el-table-column>
                <el-table-column
                 prop="desc"
                 label="部門介紹"
                 :formatter="trim_html"
                 width="230">
                </el-table-column>
                <el-table-column
                 prop="charm"
                 label="特色項目"
                 :formatter="trim_html"
                 width="230">
                </el-table-column>
                <el-table-column
                 min-width="180"
                 label="操作">
                  <template scope="props">
                    <el-button type="info" size="small" icon="edit" @click=update_charm(props.row)>修改</el-button>
                    <el-button type="danger" size="small" icon="delete" @click="delete_charm(props.row)">刪除</el-button>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-col>
      </el-row>
      
<script>
      uready_f(editor){
         editor.setContent(this.form_ch.desc)
      },
      uready_s(editor){
         editor.setContent(this.form_ch.charm)
      },
     update_charm(row) {
        this.charm_headers.url = row.img_url
        this.charm_sub_headers.url = row.simg_url
        this.charm_show_dialog = true
        this.charm_dialog = "修改特色項目"
        this.form_ch.id = row.id
        this.form_ch.img_url = row.img_url
        this.form_ch.simg_url = row.simg_url
        this.form_ch.name = row.name.slice(0)
        this.form_ch.charm = row.charm.slice(0)
        this.form_ch.desc = row.desc.slice(0)
        this.$refs.ued_f.instance.setContent(this.form_ch.desc)
        this.$refs.ued_s.instance.setContent(this.form_ch.charm)
      },
</script>

回答
編輯回答
亮瞎她

已解決,取消autoFloating的參數(shù)

2018年8月7日 20:42