- cursor:pointer属性是在计算机中将光标呈现为指示链接的指针(一只手)
- prefix-icon:在文本框前面添加图标
- 强制设置样式:!important;
- 设置随鼠标指针高亮
.el-menu-item:hover{color:khaki !important;}
设置图标和文字同时高亮,在hover后面添加i .el-submenu__title:hover i{color:khaki !important;}
- 设置圆角矩形背景
.el-menu-item.is-active{ background-color: #1890ff !important; border-radius: 5px; margin: 4px ; }
- 设置导航栏子项的设置
.el-menu--inline .el-menu-item{ background-color: #000c17!important; } 红框代表的是inline,蓝框内代表的是item项
- 在下拉选项中实现单击事件,可以添加【.native】
<el-dropdown-item @click.native="$router.push('/login')">退出登录</el-dropdown-item>
- 登录存入用户信息:key-value,value以Json格式存储
localStorage.setItem("honey-user",JSON.stringify(res.data))
- 如何设置通过回车键触发方法?
对于elment组件,利用@keyup.enter.native="方法名"来实现
对于表单对象,可以利用@keyup.enter="方法名" - 如果通过axios删除数据的时候,在服务端没有接受到数据,可以试试在传入参数的时候用config的形式,具体参数:【config:{data: this.ids}】试试
一些个杂七杂八的小技巧--前端
于 2023-09-23 00:27:53 首次发布