ur home

this.$set(this.formModel, "startYearMonth", `${this.formModel.startYear}-${this.formModel.startMonth}`)

<el-cascader v-model="formModelData.address" :show-all-levels="false" :collapse-tags="true" :options="options" :props="{ multiple: true, checkStrictly: true }" :size="size" :clearable="true"></el-cascader>@Watch('formModelData.addre.

在写业务代码时，会遇到各种需要对用户输入的数据进行校验的场景，最常见的就是表单验证，各种非空校验，正则校验等等这里我就分享下在项目中是如何封装使用的1. 属性介绍参数 说明 类型 可选值 默认值 model 表单数据对象 object — — rules 表单验证规则 object — — 2. 主组件index.vue<template> <el-form ref="draw.

在使用Upload 上传（通过点击或者拖拽上传文件），其实还是有些小坑的，如果我们在before-upload中直接返回true或者是false，那么它其实也是会上传文件的，因为它也会触发on-change函数。我这里是采用在对应的函数中返回一个promise来解决的，就像下面这样： /** * 图片文件验证 * @param file */ public imgBeforeUpload(file: any) { return new Promise((reso

此文章会介绍基于el-table、我是如何进行业务组件封装的，后续会补充

vue saas项目，有很多Table，大部分Table都有多条件搜索功能，而多条件搜索功能每次写起来都很繁琐、代码也充足的多，而且多人开发情况下可控性太低;所以考虑对多条件搜索做一个封装，统一配置引用，达到一次注册、全局使用，提升开发维护效率和界面统一的效果。最终界面如下现状分析项目使用的是elementui框架，多条件搜索表单提交，需要使用el-form组件来封装，复杂点就是表单项有很多种，配置项包括input、select、datePicker、daterange、cascad.

子组件 <el-select v-model="model" :placeholder="`请选择${placeholder}`" :size="size" @change="selectChange($event, item.code)" > <el-option v-for="option in item.options" :key="option.value" :label="opt...