el-dialog默认样式突然在界面有问题

Question

问题描述

用的element-ui。el-dialog + el-form。但它变得好奇怪

问题出现的平台版本及自己尝试过哪些方法

相关代码

    <el-dialog :visible.sync="dialogFormVisible" title="配置IO"  v-if="this.checkIndex == 1" class="updateIODialog">
      <div class="line_border"></div>
      <div class="fvbody">
        <el-form :model="dialogForm" status-icon :rules="rules" ref="dialogForm" label-width="100px">
          <el-form-item label="备注" prop="name">
            <el-input type="text" v-model="dialogForm.name" autocomplete="off" v-focus class="updateName"></el-input>
          </el-form-item>
          <el-form-item label="选择功能" prop="func" v-if="dialogForm.func !== '-'">
            <el-select placeholder="请选择" v-model="dialogForm.func" class="chooseFunc" @change="changeFunc(dialogForm.func)">
              <el-option
                v-for="(item,index) in chooseFunction1"
                v-if="item.ctype == 1"
                :disabled = "optionArr1[index]"
                :key="index"
                :label="item.label"
                :value="item.choosevalue">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="触发类型" prop="triggerType" v-if="checkIndex==1 && dialogForm.triggerType !== '-'">
            <el-select placeholder="请选择" v-model="dialogForm.triggerType" class="chooseFunc">
              <el-option v-for="(item,index) in itemTriggerType"
                         :key="index"
                         :label="item.label"
                         :value="item.tritype">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="" prop="isOpen" v-if="dialogForm.func !== '-' && dialogForm.triggerType !== '-'">
            <el-checkbox :disabled="this.isForbibIn" v-model="dialogForm.isOpen">启用</el-checkbox>
          </el-form-item>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancelBtn()">取 消</el-button>
        <el-button type="primary" @click="submitForm(dialogForm)">确 定</el-button>
      </div>
    </el-dialog>

Answer 1

跟element-ui没什么关系，纯碎的css样式问题，自己debug看一下就行了。这种问题只能自己看，除非你能贴出所有代码来

Answer 2

dialogFormVisible的值可能在哪里改变了，看一下哪里用到了这个变量