摘要：输入框input element-ui中el-input组件只能输入数字 oninput 会与 v-model 出现冲突,发生绑定不上出现空数据 !!!能不用这个修改校验了,就不要用了!!!! <el-form-item label="手机号" prop="feiNumber"> <el-input
阅读全文
摘要：Element 设置el-input宽度大小 官网暂时没有提供属性方法,需要自己写class样式 <template> <div> <h3>Element：设置el-input宽度大小</h3> <div style="width: 500px"> <el-form :model="widthFor
阅读全文
摘要：Vue3 在 Element-plus中 v-model, update:modelValue 线上环境报错 modelValue is not defined,在本地开发环境没有问题 01)错误场景复现 <template> <!-- 父组件--> <div class="fei-parent">
阅读全文
摘要：element-plus 之 Form-Item 插槽使用 <el-form> <el-form-item> <template #label> 自定义label飞: <!--<el-popover placement="top" :width="50" trigger="hover" conten
阅读全文
摘要：element-ui 之 表单验证规则 const rules = { role: { type: 'enum', enum: ['admin', 'user', 'guest'] }, data: [{type: 'date', required: true, trigger: 'change',
阅读全文
摘要：element-ui 之 select 获取key和label element 获取下拉框的key和label, 个人理解: 这东西做的官方做的思考不全 01)使用循环 02) 使用 proxy.$refs 获取 <template> <div> <h3>下拉框 获取key和label</h3> <
阅读全文
摘要：element-ui 之upload 文件上传 多个文件上传 使用: :file-list="imgUrl" 和 :http-request="uploadPicture" <template> <div class="fei-upload"> <el-upload class="picture-u
阅读全文
摘要：element-UI 下拉框select 下拉框change事件中传递自定义参数 @change="((val)=>{changeStatus(val, index)})" <div v-for="(item,index) in itemList"> <el-select v-model="item
阅读全文
摘要：Vue3 element-plus 简单表单使用 <template> <el-form ref="formRef" :model="form"> <el-form-item label="商品名称" prop="goodsName"> <el-input v-model="form.goodsNa
阅读全文
摘要：Element 表单使用 数字类型 01) el-input 数字类型 和 el-input-number 计数器 02) 表单动态校验 <template> <div style="width: 400px"> <el-form ref="form" :model="form" :rules="r
阅读全文
摘要：Element UI 中 Cascader 级联选择器 默认选中 Element UI 中 Cascader 级联选择器 默认选中和获取选中值 <template> <div class="block"> <span>Cascader 级联选择器 默认选中</span> <el-cascader v
阅读全文
摘要：Element UI 中 data 日期 赋值 <template> <div> <div> <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker> <el-button type="prim
阅读全文
摘要：Element UI 中下拉框获取name 和label <template> <div> <el-select v-model="value" placeholder="请选择" @change="handleCardType"> <el-option v-for="item in options
阅读全文
摘要：Vue 中 Element UI 单页面使用 <template> <div> test <el-select v-model="value" placeholder="请选择" @change="handleCardType"> <el-option v-for="item in options"
阅读全文
摘要：Element Plus 中 icon 使用 <el-icon> <!-- 动态组件 --> <component :is="`edit`" /> <component :is="`avatar`" /> <el-icon :size="20"> <component :is="`box`" />
阅读全文
摘要：Element UI Dropdown 下拉菜单 Element UI Dropdown 下拉菜单 简单使用 <el-dropdown trigger="click" @command="handleChange"> <span class="el-dropdown-link"> 下拉菜单<i cl
阅读全文
摘要：Element-ui 中 Backtop 回到顶部 <div style="width: 100%;height: 100%;"> <el-backtop></el-backtop> <div> 注意:01) 放到代码顶部 02)放到代码最外层的一个div 就是这么简单使用
阅读全文
