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中可以通过监听一个变量的值变化触发相应事件,但是当需要监听的变量是个复杂对象时,通常在外出是监听不到对象里面值的变化,这时就需要深度监听:
相关文章推荐
- 如何在 vue-cli2.0/3.0 中使用PUG(Jada)
- Vue.js组件component关于分页功能、自定义事件的$.Emit()的使用
- vue-resource插件使用
- vue中使用element-ui监听键盘事件,input只能输入纯数字
- vue使用highchats
- 使用pm2启动Vue项目
- 挖坑指南:在vuex的多个module中的getters里存在相同的方法名,使用mapGetters会报错?
- vue 移动端屏幕适配 使用rem
- Vue项目中使用RSA加密
- vue使用中的小知识点
- vue-router2使用
- 使用Vue框架实现NGA客户端
- vue中图片预览(v-viewer库使用)
- vue项目使用xlxs导出excel
- Vue学习笔记一:使用vue-cli 创建开发环境
- Vue项目使用AES做加密
- Vue自学笔记第五天(路由的使用和整合,全局axios)
- 在Vue项目中使用snapshot测试的具体使用
- 详解vue中axios的使用与封装
- vue项目中axios使用详解