![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
前端小问题
这个作者很懒,什么都没留下…
展开
-
element中el-upload自定义上传图片,不再使用active上传
el-upload默认的上传会通过active进行上传,同时提供了http-request去自定义,他会覆盖active的上传。 <el-upload id="school" class="avatar-uploader" action="#" list-type='picture' :http-request='file原创 2021-12-14 09:20:44 · 1892 阅读 · 1 评论 -
element中el-table中更改某一列的样式(通过class-name属性更改)
问题描述:在table中只更改指定的某一竖列的样式,通过element框架自带的 class-name实现。 <el-table id="tableRef" :data="tableData" ref="multipleTable1" border style="width: 100%;background-c原创 2021-12-14 09:14:05 · 6106 阅读 · 0 评论 -
element中关于二次进入页面后form表单中的rules直接进行校检问题解决方案
问题描述:进入页面表单中的必选项就被校监了,然后报红.解决方案:你可以在生命周期中,以及你的初始化函数中添加下面的代码,让其进入页面不再校监.取消校验全部取消:this.$refs.form.clearValidate()取消指定字段:this.$refs.form.clearValidate(['name'])...原创 2021-11-09 17:07:08 · 1081 阅读 · 0 评论 -
element中el-time-picker回显问题(可选择任意的时间范围)
编辑页面需要将el-time-picker的数据回显出来实例如下:使用的是一个选择时间范围的组建.一,元素快//这是元素快 <el-form-item label="早餐" prop="" > <!-- <el-input class="widthfull" size="small" placeholder="请输入备注" ></el-input> --> <el-ti原创 2021-11-08 18:12:23 · 3605 阅读 · 0 评论 -
element中给select添加全选的option
一,元素中的数据<el-select v-model="my_stars" placeholder="国家" multiple collapse-tags > <el-option label="全球" value="全球"></el-option> <template v-for="(item, index) in languages"> <el-option原创 2021-01-27 09:55:29 · 1039 阅读 · 0 评论 -
element中table数据渲染(一个列表两个数据源混合渲染)
一,这里是元素。2,这里属数据构造,因为我们需要用到国家数据,而国家的数据和列表的其他数据是分开的两个对象,要在一个table中使用这个是对国家进行数据修改3,4,效果原创 2021-01-04 19:52:08 · 7051 阅读 · 0 评论 -
vue中使用正则表达式同时添加判断如果有汉字将数据清空
<el-input v-model.trim="model.faceEffectName" @change="isEnglishString" placeholder="输入英文名字,用于腾讯识别文件夹名"></el-input> isEnglishString() { var englishString = this.model.faceEffectName.replace(/[^A-Za-z0-9]/g,'空') console.log(engli..原创 2020-12-23 13:58:22 · 991 阅读 · 1 评论 -
关于element的form中打开初始化以及二次打开该组件数据没有清空的bug解决方法
一,问题描述。1,在使用vue+element开发的时候,有时候需要进入该组件就对该form表单就对这个表单进行数据清空,也就是我们常说的那种初始化。<el-form size="small" :model="model" :rules="rules" label-position="left" label-width="120px" ref="createForm"> <el-form-item label="冻结类型" prop="typeId">原创 2020-12-10 15:01:37 · 1445 阅读 · 0 评论 -
element-ui中关于select无法回显的问题记录
问题描述:给的是value的值,没有正常显示lable中的值,是因为当select中只赋值了value没有赋值lable的值时,系统会默认将value和lable共用。我们在绑定数值时value=“1” 是绑定的字符串,所以下面重新将value 赋值为2,同时lable也默认成2,就显示了2.方法:使用**:value=“1”**就可以回显。<el-select v-model="moreForm.isVip" placeholder="奖励会员" style="width:100%">原创 2020-10-27 14:14:13 · 1414 阅读 · 0 评论 -
element中列表(table)中套用上传图片(upload)的图片回显
首先是看效果:0,下面是完整的代码元素:<template> <el-table :rules ='rules' :data="getGiftListTableData" border style="width: 100%"> <el-tab原创 2020-09-11 19:52:36 · 4361 阅读 · 0 评论 -
element-ui中select下拉菜单中visite-change的使用,只在select中的option显示和隐藏时调用
一,元素@visible-change=‘getGiftListTable’ 需要写到select标签中<el-select v-model="model.giftIds" value-key="giftId" placeholder="礼物特效" multiple @visible-change='getGiftListTable'> <el-option v-for="item in giftList" :key="item.giftId" :labe原创 2020-09-01 18:31:26 · 7216 阅读 · 2 评论 -
element-ui中表格中嵌套上传图片
实现效果描述:将列表中每一行的两张图片保存到一个对象中,再将所有对象保存到数组中,点击提交时一起提交。实现方法:一,元素中action="/" :http-request="(file)=>{return imggreySuccess(file ,scope.row)}"这两句很重要,将上传的文件和列表的这一行的数据通过函数传过去,可以在函数中接收到数据,file就是上传的图片的数据文件<el-table :data="getGiftListT原创 2020-09-01 18:25:29 · 3677 阅读 · 4 评论 -
vue中子组件向父组件传参
一,跟非兄弟组件之间的传参一样。发送自定义事件 subbtn。subbtn只能全部是小写字母。this.$emit("subbtn", [beforString, this.GiftListArrey]);第二,在父组件中接受。subbtn事件绑定了一个函数getConditionData <app-activity-condition-edit @subbtn='getConditionData'></app-activity-condition-edit>第三,函数原创 2020-08-27 10:28:03 · 141 阅读 · 0 评论 -
element-ui的table中怎样给每一行数据添加不同的样式
第一步:第二步,第三步,下面是完整代码:<template> <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> <el-table-column prop="date" label="日期" width="180"> </el-table-column>原创 2020-08-19 17:25:19 · 3110 阅读 · 2 评论 -
element-ui的el-table-column组件使用时开始时间小于结束时间
一,元素书写 <el-date-picker :picker-options="dataForm.pickerOptionsStart" //在data种添加了两个变量,通过:picker-options将其与组件进行绑定。 v-model="dataForm.startdate" format="yyyy-MM-dd" value-format="...原创 2020-04-20 19:50:38 · 501 阅读 · 3 评论