element-ui, transform: scale() 缩放 导致下拉框（el-select）、时间选择框（el-date-picker) 等el-dropdown 定位不对问题

el-select

在el-select 加 opper-class=“mars-select” :popper-append-to-body=“false”

  <el-select v-model="tableQuery" placeholder="请选择"  popper-class="mars-select" :popper-append-to-body="false">
       <el-option v-for="item in groupListData"  :key="item.id" :label="item.title" :value="item.id" >
       </el-option>
   </el-select>

.mars-select{
    top: auto !important;
    left: auto !important;
}

el-date-picker

el-select和 el-date-picker 写法不太一样 popper-class=“mars-date” :append-to-body=“false”

<el-date-picker type="date" :clearable="true"  placeholder="请选择开始日期" v-model="formData.starTime" value-format="yyyy-MM-dd" popper-class="mars-date" :append-to-body="false"></el-date-picker>

.mars-date{
	top: auto !important;
    left: auto !important;
}

el-dropdown

el-dropdown 没写class名称 因为我发现定位没有问题 就简单加了下 :append-to-body=“false”

<el-dropdown size="small" trigger="click" split-button type="primary" @command="(command)=>{handleRowOp(command,scope.row)}" >
      <el-dropdown-menu slot="dropdown" :append-to-body="false">
         <el-dropdown-item command="beforeRunOnce">执行一次</el-dropdown-item>
     </el-dropdown-menu>
 </el-dropdown>