一些个杂七杂八的小技巧--前端

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值