Element-UI选择器与日期选择器下拉框的位置问题

  Element-UI选择器与日期选择器的下拉框默认是相对于页面的body进行定位的，所以如果通过动态修改页面比例的方式对页面进行适配时，下拉框的位置就可能很奇怪。

解决方法：

1、选择器：

  添加:popper-append-to-body="false"属性

<el-select v-model="kindsValue" placeholder="请选择" :popper-append-to-body="false">
  <el-option
    v-for="item in kindsOptions"
    :key="item.value"
    :label="item.label"
    :value="item.value">
  </el-option>
</el-select>

附：Element-UI选择器链接 element.eleme.cn/#/zh-CN/com…

2、日期选择器：

  添加:append-to-body="false"属性

<el-date-picker value-format="yyyy-MM-dd"
                type="date"
                :append-to-body="false"（这个属性在文档里没有找到，是在网上找到的方法，亲测有效）
                placeholder="选择日期">
</el-date-picker>

附：Element-UI日期选择器链接 element.eleme.cn/2.15/#/zh-C…