ElementUI在IE11下兼容性修改

1、在項目里面使用了axios.js來發送http請求，在IE下報錯Promise未定義，解決辦法：

　　到http://bluebirdjs.com/docs/getting-started.html 下載 bluebird.min.js腳本加入頁面，解決Promise未定義的錯誤

2、IE11不支持ES6的一些寫法：比如=> 等等，解決辦法：

　　到 https://babeljs.io/repl/#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=Q&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=true&fileSize=false&timeTravel=false&sourceType=module&lineWrap=false&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=6.26.0&envVersion=將所有涉及到ES6寫法的腳本轉成ES5的js

 

處理了這2個問題，頁面終於在IE11顯示了，BUT還有2個問題等待解決

1、使用了ElementUi的搜索提示框里面使用了template，結果vue報錯，不知如何解決

 <el-col :span="12">
                    <el-form-item label="代碼" prop="Code">
                        <el-autocomplete v-model="form.Code"
                                         popper-class="my-autocomplete"
                                         :fetch-suggestions="peopleSearch"
                                         placeholder="請輸入內容"
                                         @@select="handlePeopleSelect">
                            <template slot-scope="{ item }">
                                <div class="Code">代碼：{{ item.Code }}</div>
                                <div class="Name">姓名：{{ item.Name }}</div>
                                <span class="Year">時間：{{ item.Year }}</span>
                                <hr />
                            </template>
                        </el-autocomplete>
                    </el-form-item>
                </el-col>

最終解決辦法：不在使用 template IE上面將不在報錯

2、table 列使用template 在IE11下也會有問題 放棄使用template 改成formatter

  <el-table-column prop="IsActive"
                         label="啟用"
                         width="80"
                         :formatter="formatBool">

 

 

3、ElementUI的時間控件選擇后不能賦值到界面上去

  <el-date-picker v-model="form.InDate"
                                type="date" placeholder="選擇日期">
                </el-date-picker>

 

　　解決辦法：去掉placeholder 屬性，使用了placeholder屬性將會導致后面的賦值一直賦值不上，一直顯示的是第一次賦值的值