element-ui屬性記錄

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

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

解釋：如果值為true，表示可以通過點擊空白的地方關(guān)閉該彈出框；為false就不可以

2、el-form ref用于獲取當(dāng)前的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 這里寫了對表單的驗證規(guī)則，但是我們?nèi)绾卧?methods 里進行指定的表單進行認(rèn)證，所以我們一開始就在 el-form 里寫了 ref=”ruleForm”，我們在 methods 里就可以用
this.$refs.ruleForm.validate((valid) => {}
這樣的方法對指定的表單根據(jù)你寫的 rules 認(rèn)證。

3、package.json里面的name值不能和你將要安裝的包的名稱一樣
比如：name值為express，然后你安裝npm install express --save就會報錯

4、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里面寫上