vue中使用element2

阻止谷歌下記住密碼

當咱們將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; }

 其次，阻止谷歌自帶的記住密碼：

 回車重定向

 單個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中能夠經過監聽一個變量的值變化觸發相應事件，可是當須要監聽的變量是個複雜對象時，一般在外出是監聽不到對象裏面值的變化，這時就須要深度監聽：