element-ui使用時的一些坑點總結

1、el-select 下拉框綁定值爲對象時選中值顯示錯亂。如下圖，所有下拉選項都是選中狀態而且不管怎麼選，下拉框顯示的值一直是最後一個選項

解決辦法：加上value-key屬性 官網也有介紹，當綁定值是對象類型是必填

代碼如下，其中value-key屬性的值爲數據源數組元素中的唯一鍵。例如下面的id，如果其他字段的值也是唯一確定的，如reserve1，那麼value-key的值也可以是reserve1

<el-select v-model="goodsForm.currency" value-key="id" placeholder="請選擇"
                               @change="changeCurrencySymbol">
                        <el-option
                                v-for="item in currencyList"
                                :key="item.id"
                                :label="item.reserve1"
                                :value="item">
                        </el-option>
                    </el-select>

2、局部覆蓋element-ui的默認樣式
解決辦法：在需要更改的組件裏新增一個style標籤【重點：不要加scoped】，然後直接獲取class設置樣式就可以，記住給class加上能限制範圍的父層選擇器，不然設置的樣式會全局生效

3、el-form 標籤綁定data中的form時候，請使用:model=“form” 而不是v-model=“form”，不然表單校驗會不起作用

原因就是el-form的具有自己封裝的model屬性，表示表單數據對象