您的位置:首页 > Web前端 > Vue.js

vue中使用element2

2020-06-27 21:10 519 查看

阻止谷歌下记住密码

当我们将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中可以通过监听一个变量的值变化触发相应事件,但是当需要监听的变量是个复杂对象时,通常在外出是监听不到对象里面值的变化,这时就需要深度监听:

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: