史一试
这个作者很懒,什么都没留下…
展开
-
element ui 实现单选
【代码】element ui 实现单选。原创 2022-09-05 14:55:38 · 430 阅读 · 0 评论 -
同时引入tailwind和elementUI样式冲突
同时引入tailwind和elementUI样式冲突原创 2022-07-06 15:24:33 · 2160 阅读 · 0 评论 -
element-ui之el-upload自定义上传方法
使用http-request 指令实现自定义上传, 使用该指令, on-success, on-error 指令是不会触发的直接上代码<el-upload drag ref="upload" :action="action" class="upload-demo" :http-request="UploadFile" :on-change="fileChange" :file-list="fileList" accept="image/jpeg,image/pn.原创 2020-11-18 12:58:39 · 7103 阅读 · 2 评论 -
element-ui中表单验证的三种方式(超详细)
第一种常用方式:表单上加rules{object}<el-form class="apply-form first-form" :model="formData" :rules="rule" ref="form"> <el-form-item label="姓名" prop="visitorName"> <el-input v-model="formData.visitorName" placeholder="请输入姓名" clearable>.转载 2020-12-04 14:49:43 · 28100 阅读 · 0 评论 -
element-ui之选择时间范围限制条件
1. 组件属性<el-date-picker v-model.trim="ruleForm.messTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"/>2. 限制时间限制时间的范围:8.64e7 ( 86400000ms = 10002460*60 )data () { r原创 2021-07-23 13:57:23 · 277 阅读 · 0 评论 -
element-ui之同时校验多个Form表单
直接上代码async saveInfo() { try { await Promise.all([ this.$refs.baseInfoForm.validate(), this.$refs.skuInfoForm.validate(), this.$refs.freightForm.validate() ]); } catch (error) { return;原创 2021-09-16 10:34:26 · 2103 阅读 · 0 评论 -
element-ui之多选框 三级联动 vue (table 布局)
直接上代码<template> <!-- 指定区域设置包邮条件 邮费--> <div class="area-set-freight"> <el-dialog title="指定区域设置包邮条件" :visible.sync="areaVisible" width="896px" :before-close="cancelDialog"> <!-- 指定区域设置运费 form --> <el-fo.原创 2021-11-15 15:46:31 · 1821 阅读 · 0 评论 -
element-ui之input格式校验
当输入值的键盘抬起时触发这个事件, this.value表示此输入框的值,/\D/g为正则表达式,用来匹配所有非数字字符<el-form-item label="角色Id*" class="redItem"> <el-input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" size="small" width="50" v-model="editRoleParam.role..原创 2021-11-26 17:51:29 · 2030 阅读 · 0 评论 -
element-ui el-table 自适应
<template> <!-- 渠道分组管理 --> <div class="channel-group"> <div class="channel-group__filter-box"> <el-form ref="channelForm" :model="channelGroupForm" label-width="70px" inline> <el-form-item label="渠道组.原创 2021-12-06 15:34:28 · 579 阅读 · 0 评论 -
element ui 表格(el-table)合并行
element-ui官网中关于行合并的例子是根据行号进行合并的,这显然不符合我们日常开发需求,因为通常我们table中的数据都是动态生成的,所以需要做一些修改。我们首先解读一下官网实例中的各参数的意义:objectSpanMethod({ row, column, rowIndex, columnIndex }) { // 用于设置要合并的列 此处只合并了 0 列 if (columnIndex === 0) { // 用于设置合并开始的行号 (每两行合并一下) if (rowInd..原创 2021-12-08 11:47:49 · 2395 阅读 · 1 评论 -
element-ui Layout 布局 实现一行5列布局
自定义类名 <el-col :lg="{span:'4-8'}" :md="8" :sm="12" :xs="24"> .... </el-col>书写不同屏幕大小下,类的样式 @media only screen and (min-width: 768px) { .el-col-sm-4-8 { width: 20%; } .el-col-sm-offset-4-8 { margin-left: 20%; }转载 2021-12-14 13:46:09 · 4761 阅读 · 0 评论 -
element-ui 之 el-radio 实现 开启关闭功能
直接上代码<el-radio v-model="radio" :label="1" @click.native.stop.prevent="selectRadio(radio, $event)">同意退款</el-radio><script> selectRadio(val, e) { val === 1 ? this.radio = 2 : this.radio = 1 }</script>...原创 2021-12-29 14:06:09 · 980 阅读 · 0 评论