随笔分类 -  element

element 同时校验循环遍历的多个表单
摘要：<div v-for="(arg, index) in list" :key="index"> <el-form ref="`form-${index + 1}`" :model="arg"></el-form> </div> let count = 0 list.forEach((v, i) => 阅读全文
posted @ 2022-08-18 08:56 氧化成风 阅读(433) 评论(0) 推荐(0)
element 校验多个表单方法
摘要：<el-form :model="tableForm1" ref="tableForm1" :rules="rules1" label-width="100px" > <el-form-item label="价格" prop="price"> <el-input v-model.number="t 阅读全文
posted @ 2022-04-27 15:06 氧化成风 阅读(510) 评论(0) 推荐(0)
vue + element plus 实现可编辑table
摘要：<el-table :data="tableData"> <el-table-column label="序号" type="index"></el-table-column> <el-table-column label="位置"> <template #default="scope"> <el- 阅读全文
posted @ 2021-07-30 21:02 氧化成风 阅读(3485) 评论(0) 推荐(0)
关于elemen-plus/elemen-ui Carousel走马灯图片不显示的问题
摘要：<el-carousel height="250px"> <el-carousel-item v-for="item in carouselList" :key="item"> <img :src="item.path" /> </el-carousel-item> </el-carousel> c 阅读全文
posted @ 2021-07-19 15:13 氧化成风 阅读(1570) 评论(0) 推荐(0)
element-ui 生成动态表单
摘要：html: <el-select v-model="value" filterable placeholder="请输入关键词" :loading="loading" @change="select"> <el-option v-for="item in options" :key="item.va 阅读全文
posted @ 2021-06-23 10:31 氧化成风 阅读(812) 评论(0) 推荐(0)
element-ui 动态设置form表单
摘要：<el-form :model="dynamicValidateForm" label-width="120px" ref="dynamicValidateForm"> <el-form-item :key="domain.prop" :label="domain.label" :prop="dom 阅读全文
posted @ 2021-06-02 16:18 氧化成风 阅读(867) 评论(0) 推荐(0)
element-ui 动态设置table列
摘要：html: <el-table :data="tableData2" style="width: 100%"> <el-table-column v-for="(v, i) in columns" :key="i" :prop="v.prop" :label="v.label" :width="v. 阅读全文
posted @ 2021-06-02 16:14 氧化成风 阅读(1324) 评论(0) 推荐(0)
js遍历树结构并为每个节点设置层级
摘要：setParentId (data, parentId) { if (this.pid != parentId) { this.level++ } this.pid == parentId var num for(var i = 0; i < data.length; i++){ num = i d 阅读全文
posted @ 2021-05-17 10:28 氧化成风 阅读(1179) 评论(0) 推荐(0)
element-plus 封装下拉树实现
摘要：<template> <div> <el-select @visible-change="selectClose" v-model="modelValueLabel" :filter-method="selectFilterMethod" style="min-width: 180px;" :siz 阅读全文
posted @ 2021-05-17 09:14 氧化成风 阅读(1955) 评论(0) 推荐(1)
递归遍历树结构并为子节点设置父节点
摘要：var data = [{ id: 1, label: '一级 1', children: [{ id: 4, label: '二级 1-1', children: [{ id: 9, label: '三级 1-1-1' }, { id: 10, label: '三级 1-1-2' }] }] }, 阅读全文
posted @ 2021-05-17 09:08 氧化成风 阅读(423) 评论(0) 推荐(0)
element plus中tree组件的使用以及自定义图标
摘要：<el-tree :data="data" node-key="id" ref="tree" icon-class="el-icon-share" :props="defaultProps"> <template #default="scope"> <div class="custom-node"> 阅读全文
posted @ 2021-05-17 08:57 氧化成风 阅读(5812) 评论(0) 推荐(0)