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中能够经过监听一个变量的值变化触发相应事件，可是当须要监听的变量是个复杂对象时，一般在外出是监听不到对象里面值的变化，这时就须要深度监听：