![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementUi
mister_snail
Many a pickle makes a muckle.
展开
-
element-ui中table不显示滚动条
.el-table { .el-table__header-wrapper th { background-color: #f0f1ff; } .el-table__body-wrapper::-webkit-scrollbar { /* width: 0;宽度为0隐藏 */ width: 0px; height: 0; } .el-table__body-wrapper::-webkit-scrollbar-thumb { border-radi原创 2021-11-15 00:21:16 · 5845 阅读 · 0 评论 -
elementUi修改placeholder颜色
.el-textarea__inner, .el-input__inner { $placeholder: #93979D; &::placeholder { color: $placeholder; } &::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: $placeholder; } &:-moz-placeholder { /* Mozilla原创 2020-12-02 21:11:29 · 4311 阅读 · 0 评论 -
el-tree修改前面箭头图标
效果图如下:<style lang="scss">@import "~@/assets/styles/variables.scss";.el-tree /deep/ .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg);}// 没有展开且有子节点.el-tree /deep/ .el-icon-caret-right:before {原创 2020-12-02 20:59:55 · 3919 阅读 · 1 评论 -
el-table中render方法中实现显示文字与提示文字不同的效果
1.新建一个组件.vue<template> <div class="tooltip"> <el-tooltip effect="dark" open-delay="500" class="ell" placement="top" v-if="showText !== '-'"> <div slot="content"> <!-- 插槽,可提供多行的提示信息 --> <!-- 全局组原创 2020-12-02 20:22:55 · 862 阅读 · 0 评论 -
elementUi el-upload上传图片时图片闪烁
/deep/.el-upload-list__item.is-ready {display: none;}原创 2020-09-08 14:06:33 · 3673 阅读 · 1 评论 -
elementUi dateStr.match is not a function
elementUi时间日期控件传值不能为Number类型,必须为String。watch: { 'form.eventYear'(val) { this.form.eventYear = '' + val; } },原创 2020-08-13 15:36:20 · 6892 阅读 · 2 评论 -
elementUi Injection “elForm“ not found
原因:‘el-form-item’外层‘el-form’标签。原创 2020-08-09 12:48:14 · 2833 阅读 · 2 评论 -
elementUi选择日期范围时选择器清空v-model的值为null
<el-date-picker v-model="dateRange" format="yyyy/MM/dd" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" class="oneTimeSlot" clearable></el-date-picker>// 当前页面使用可以选择监听,其他判原创 2020-08-07 03:39:05 · 4555 阅读 · 2 评论 -
element-ui.common.js?5c96:22959 [Element Warn][Form]model is required for validate to work!
原因:el-form绑定的model属性没有添加或者写成了v-model造成了控制台报错且表单校验不能实现。解决:使用el-form绑定的model属性,且应该写成 :model,非v-model。原创 2020-08-06 21:22:36 · 4096 阅读 · 0 评论