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