elementUi
L_WalkingPig
这个作者很懒,什么都没留下…
展开
-
vue中去除elementui组件自带的样式
以el-card卡片组件为例:总有个样式:padding:'20px'; 切样式来自于el-card__body的类名。解决:在引用该组件的页面中重写即可<style lang="scss" scoped> /deep/ .el-card__body{ padding: 0px 0px 10px 10px; }</style>...原创 2020-09-25 15:54:48 · 8706 阅读 · 0 评论 -
vue+elementui的form表单校验重置,非必填字段重置失败
给form表单每个字段加上prop="xxx" ,如下图:<el-form-item label="入库备注:" :label-width="formLabelWidth" prop="wareHousingRemark"> <el-input v-model="wareHousingInForm.wareHousingRemark" autocomplete="off"></el-input></el-form-item>表单校验部分待补原创 2020-09-02 14:29:00 · 648 阅读 · 0 评论 -
vue中动态设置style样式和使用filters过滤器设置样式
例如:想给图片增加高度和透明度<el-image :class="classRotation" v-if="imageData.src !== undefined" :src="imageData.src" :style="imageStyle"></el-image>//在data中声明 imageStyledata(){ return{ imageData:{}, imageStyle:{}, //样式.原创 2020-08-25 13:52:15 · 4970 阅读 · 1 评论 -
Vue中动态渲染颜色样式(基于后端返回的已经选择的颜色展示)
<el-form-item label="已选主题色"> <el-row :span="12" v-for="item in colorData"> <el-col :style="{'backgroundColor':item}">{{item}}</el-col> </el-row></el-form-item>colorData就是后端返回的已选择的颜色数据数组,循环后在样式中这样写::style=.原创 2020-08-12 15:57:43 · 4561 阅读 · 0 评论 -
Vue使用elementUi的el-image图片初始化加载失败!
问题如下图:原因是el-image的 :src=" " 在初始化时,图片路径由接口返回还未加载数据导致的问题,且第一次渲染失败不会再异步刷新。解决办法: 在el-image中加上 v-if="imageData.src !== undefined" 判断,不是后端返回的话直接 src 处路径写死。仅供参考~ : D...原创 2020-08-07 11:15:51 · 3073 阅读 · 1 评论 -
elementUi中根据选中的数据,取消勾选表格行数据。
首先前提是能获取当前表格的全部数据和要取消勾选的数据。默认选中和取消选中差不多,我这里的业务场景是删除选中数据。selectValueClose(data){ this.multipleSelection(data);//点击tags标签的X删除 // 取消表格的勾选 当前表格数据 =》tableArrayData this.tableArrayData.forEach(row => { // 可以从列表中找到需要选中的那个对象,置为false,反原创 2020-08-04 09:44:03 · 2265 阅读 · 0 评论