1. 程式人生 > 實用技巧 >vue專案重新整理頁面 IE/360 瀏覽器 input輸入框不清空問題處理

vue專案重新整理頁面 IE/360 瀏覽器 input輸入框不清空問題處理

本人在專案開發中,遇到IE/360關於input輸入框的相容問題,

  • 背景介紹:html中直接引用vue.js,及相關元件,input內容不為空時,重新整理頁面,chrome,Firefox顯示正常,IE/360重新整理後會保留上次輸入內容。
<body onload="javascript:document.getElementById('frm1').reset();">
    <form id="frm1">
          <input type="text" v-model="searchWord" />
    </form>
    <script src="js/lib/vue-2.6.11.min.js"></script>
    <!-- HTML中直接引入vue.js 檔案,IE下顯示不正常,而且還報錯:**[Vue warn]: Error in v-on handler: "ReferenceError: “Promise”未定義"**-->
    <script src="js/lib/polyfill.min.js"></script>  <!-- 處於處理IE相容問題 -->
    <!-- <script src = "https://polyfill.io/v2/polyfill.min.js"></script> -->
    <script>      
          // 業務邏輯
    </script>
</body>