vue-element-admin icon indicating copy to clipboard operation
vue-element-admin copied to clipboard

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

Open mainjaylai opened this issue 1 year ago • 0 comments

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(格外信息)

  • Your OS: Windows
  • Node.js version: 14.17.3
  • vue-element-admin version: 4.4.0
  • vue version : 2.6.10
  • element ui version : 2.15.13

mainjaylai avatar Apr 26 '23 02:04 mainjaylai