vue中使用element2

紅葉發表於2020-06-27
Vue

阻止谷歌下記住密碼

當我們將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中可以通過監聽一個變數的值變化觸發相應事件，但是當需要監聽的變數是個複雜物件時，通常在外出是監聽不到物件裡面值的變化，這時就需要深度監聽：

 

相關文章