vue中使用element2
阻止Google下記住密碼
當我們將input框的類型設置為密碼框的時候,就會出現下面這種效果,不僅樣式不統一,有的時候,密碼框的上面並不是用戶名,而是其他的內容,也會被強制顯示為用戶名:
首先需要解決樣式問題:
#app input:-webkit-autofill { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: none !important; background-color: transparent; background-image: none; transition: background-color 999999s ease-in-out, color 999999s ease-in-out; }
其次,阻止Google自帶的記住密碼:
回車重定向
單個el-input獲得焦點時,點擊鍵盤迴車,會觸發路由重定向。
解決方法:@submit.native.preven t阻止表單默認事件
日期時間框的默認值在IE無法清除
element的日期框添加默認值後,在ie下,默認的清空按鈕無法清空默認日期值:
數據應該是已經清空了,但是DOM沒有刷新,所以需要強制刷新DOM:
自定義表頭
<template> <div> <el-table-column v-for="(item, idx) in list" :key="idx" v-bind="item" :show-overflow-tooltip="true"> <tHeader v-if="item.children" :list="item.children"> </tHeader> </el-table-column> </div> </template> <script> export default { name: 'tHeader', props: [ 'list' ], methods: { repairEleSortBug() { this.list.unshift(this.list.pop()); } }, created() { //修復elementUI排序倒置的bug(將數組最後一個放到第一個) this.repairEleSortBug(); } }; </script>
對象監聽
在vue中可以通過監聽一個變數的值變化觸發相應事件,但是當需要監聽的變數是個複雜對象時,通常在外出是監聽不到對象裡面值的變化,這時就需要深度監聽: