element 常见问题汇总（第一版）

element 上传功能接口调用时action问题：

 可以使用action直接写路径 action: process.env.VUE_APP_BASE_API + `/gwlz/qcgw/upload`,

   其中 VUE_APP_BASE_API 可在vue.config.js中定义

[process.env.VUE_APP_BASE_API]: {

        target: `http://11.11.1.1:80`, 

        changeOrigin: true,

        pathRewrite: {

          ['^' + process.env.VUE_APP_BASE_API]: ''

        }

      }

---

element 重置按钮调用问题：

element 重置按钮调用的resetFields()方法失效时，解决方法，el-form-item必须要加上prop属性

---

element 创建一个可输入选择框：

 

    <el-select

      style="width: 240px"

      v-model="addForm.bsdw"

      filterable

      allow-create

      default-first-option

      placeholder="请选择或输入"

    >

      <el-option

        v-for="item in bsdwList"

        :key="item.value"

        :label="item.label"

        :value="item.value"

      />

    </el-select>

---

element 双层弹窗遮罩层问题：

可在子级弹窗中添加 append-to-body 将层级提升至body层既可解决

<el-dialog append-to-body> </el-dialog>