element-ui
红孩儿2011
这个作者很懒,什么都没留下…
展开
-
vue+element-ui 自定义装修前端解决方案,未完待续(下)
难点解决:1、预览区拖动排序找了比较多的插件,但是浏览器兼容上问题也是比较多。最终用了一下插件:vue-smooth-dnd添加链接描述// https://javascript.ctolib.com/kutlugsahin-vue-smooth-dnd.html#articleHeader15import { Container, Draggable } from 'vue-smooth-dnd'import { applyDrag, generateItems } from '@/utils原创 2021-02-08 18:03:47 · 1024 阅读 · 3 评论 -
vue+element-ui 自定义装修前端解决方案(上)
一、需求:一、 页面显示三个区域说明1. 动态模块(左)2. 预览区(中)1)展示模块的组合设置效果,模块分为固定模块与动态模块2) 固定模块与动态模块区别3)操作工具条(仅对动态模块):4) 可以拖动模块改变模块位置(仅对动态模块)3. 设置区(右):模块内容的设置区域数据校验:编辑时,校验输入的内容不符合规则,则在下方显示错误提示保存时,对所有模块设置的数据进行校验,如果不符合规则则自动定位:预览区自动选中该模块;设置区显示该模块的设置内容,并且在设置内容下方显示错误提示原创 2021-02-08 17:30:33 · 2453 阅读 · 1 评论 -
element-ui radio组 label如果为数字,默认选中的解决办法
将label改为 :label <el-form-item label="字体颜色:" prop="fontcolor" style="margin-top: -20px"> <el-radio v-model="settingData.fontcolor" :label="0">黑色</el-radio> <el-radio v-model="settingData.fontcolor原创 2020-12-21 16:05:02 · 3471 阅读 · 1 评论 -
element-ui 图片轮播组件 根据最高图片高度 设置组件高度
<div > <el-carousel :height="imgHeight+'px'"> <el-carousel-item v-for='(item , index) in datas.pictureArr' :key="index"> <img class="slide-picture" :src="item.picUrl" style="width: 375px"> </el-ca..原创 2020-11-05 15:42:42 · 706 阅读 · 0 评论 -
关于vue的UI框架Element,多层嵌套v-for循环下的表单验证
以下为一层嵌套<el-form-item v-for="(item,itemIndex) in form.button" :key="item.itemIndex" label="一级菜单" > <el-form-item :prop="'button.'+ itemIndex + '.name'" :rules="rules.inputTxt"> <el-input v-model="item.name" style="转载 2020-11-03 11:55:09 · 1646 阅读 · 0 评论 -
el-form-item 设置 prop 报错:please transfer a valid prop path to form item!
<template v-for="(person,index) in Form.List"> <el-form-item :prop="'List.'+index + '.code'" :key="person.key" :rules="rules"> <el-input v-model="person.code"></el-input> </el-form-item> <el-form-item pr原创 2020-10-30 15:41:09 · 1628 阅读 · 1 评论 -
element-ui 表单验证数字类型提示 xx is not a string
有一个表单 <el-form-item prop="numberpoint" style="width: 100px" :rules="[{ required: integralCheck, message: '请输入积分', trigger: 'blur'}, integralCheck ? { validator: ruleGroup.checkNum500, trigger: 'blur'} : {}原创 2020-08-21 17:15:00 · 4882 阅读 · 1 评论