element-ui屬性記錄

一、close-on-click-modal，使用的時候注意是要綁定該屬性

<el-dialog
      title="上傳"
      :close-on-click-modal="false"
    >
    </el-dialog>

解釋：若是值爲true，表示能夠經過點擊空白的地方關閉該彈出框；爲false就不能夠

二、el-form ref用於獲取當前的DOM元素

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
    <el-form-item label="活動名稱" prop="name">
    <el-input v-model="ruleForm.name"></el-input>
  </el-form-item>
</el-form>

咱們在 rules 這裏寫了對錶單的驗證規則，可是咱們如何在 methods 裏進行指定的表單進行認證，因此咱們一開始就在 el-form 裏寫了 ref=」ruleForm」，咱們在 methods 裏就能夠用
this.$refs.ruleForm.validate((valid) => {}
這樣的方法對指定的表單根據你寫的 rules 認證。

三、package.json裏面的name值不能和你將要安裝的包的名稱同樣
好比：name值爲express，而後你安裝npm install express --save就會報錯

四、element下拉框的值選不進去，解決辦法：

<el-form :model="planUser" label-position="left" inline class="demo-table-expand dialog-expand">
<el-form-item label="用傳編碼:"  v-show="!inputVisible" :label-width="formLabelWidth" :rules="{
      required: true, message: '用傳編碼不能爲空', trigger: 'blur'}">
        <el-select v-model.trim="planUser.controlHost" filterable placeholder="用傳編碼">
                <el-option v-for="(item,index) in controlHostList" :key="index" :label="item" :value="item">
                </el-option>
        </el-select>
</el-form-item>
</el-form>

planUser:{
    bindControlHost:'',
    controlHost:''
},

綁定model，而後在data裏面寫上

五、Element form表單方法resetFields無效

重置的時候，所屬運營中心重置不掉，緣由是prop未定義

源碼的form-item在mounted的時候是這麼寫的：

mounted() {
      if (this.prop) {
        this.dispatch('ElForm', 'el.form.addField', [this]);

        let initialValue = this.fieldValue;
        if (Array.isArray(initialValue)) {
          initialValue = [].concat(initialValue);
        }
        Object.defineProperty(this, 'initialValue', {
          value: initialValue
        });

        this.addValidateEvents();
      }
    },

能夠看到整個mounted操做都是基於你定義了prop才能夠的，以後就是定義一個initialValue初始值，使用Object.defineProperty來定義默認是不可修改的，加writable屬性值才能修改，而且放到this下，而後執行resetFields時把值變成初始值，因此之後須要清空表單，又不想手動清空的那麼prop是必需要定義了