PanJiaChen / vue-element-admin

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
MIT License
87.07k stars 30.39k forks source link

首次登录进来下拉框样式没有渲染,需要重新刷新一下才可以 #4155

Open mainjaylai opened 1 year ago

mainjaylai commented 1 year ago

Bug report(问题描述)

用户首次登录进来时,有些输入框和下拉框没有边框,需要刷新一下才可以,不知道为什么

Screenshot or Gif(截图或动态图)

  1. 用户首次登录时

Screen Shot 2023-04-26 at 10 24 24

可以看到红色框部分是一个下拉框,下拉框里面是有内容的,如下图 Screen Shot 2023-04-26 at 10 25 39

但是由于下拉框的样式没有渲染,字体颜色和背景颜色一样所以就看不出来

  1. 但是刷新一下就可以,很奇怪

Screen Shot 2023-04-26 at 10 27 32

Link to minimal reproduction(最小可在线还原demo)

下面是一些里面的一些简单代码

  <h2>培养方案执行情况说明</h2>
    <el-divider />
    <div style="text-align: left; width: 95%">
      请先填写表单
      <el-select v-model="value" style="width: 500px" @change="selectChange">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <el-button type="primary" @click="save">保存</el-button>
    </div>
    <el-divider />
    <div style="text-align: left; width: 100%">
      <p>重点阐述培养方案执行情况。主要内容如下:</p>
      <div v-html="options[parseInt(value) - 1].content"></div>
    </div>
    <div class="createPost-main-container">
      <Tinymce
        ref="tinymce"
        v-model="documentContent['pyfazxqk' + value]"
        :height="400"
      />
    </div>

另外补充一下,并不是单独一个界面是这样,好像所有界面都是这样(😭)

Other relevant information(格外信息)