随笔分类 -  插件/框架

mockjs
摘要：Mock 文件夹下新建 mockServe.js import Mock from "mockjs"; import testData from './test.js' import goodData from './goods.js' import infoData from './info.js 阅读全文
posted @ 2022-11-18 10:40 番茄西红柿u 阅读(49) 评论(0) 推荐(0)
vue-picture-bd-marker 图片添加标注
摘要：文档地址： https://vmarker.sagocloud.com/about/?spm=a2c6h.24755359.0.0.1b6441e4HwmruJ 实现效果： 清空画布： this.$refs['aiPanel-editor'].clearData() <template> <div 阅读全文
posted @ 2022-07-15 11:28 番茄西红柿u 阅读(5047) 评论(3) 推荐(0)
elemen-ui表格组件表头复选框添加全选二字
摘要：<el-table-column type="selection" width="70px" align="center" label-class-name="DisabledSelection"></el-table-column> .el-table /deep/ .DisabledSelect 阅读全文
posted @ 2022-01-04 11:48 番茄西红柿u 阅读(231) 评论(0) 推荐(0)
element-ui 表单复杂数据类型校验
摘要：1. 复杂类型校验 方法一： 行内校验 <div> <div class="subTitle">添加场景标准</div> <div class="flexBox"> <el-form-item label="选择区域" prop="hotel_area" style="flex:1;margin-r 阅读全文
posted @ 2021-09-28 15:00 番茄西红柿u 阅读(439) 评论(0) 推荐(0)
element-ui 栅格布局 一行五等分
摘要：24/5 = 4.8 <el-row :gutter="20" type="flex" class="wan-row-justify-box"> <el-col :xs='24' :md="6" :lg="{span: '4-8'}" :sm="12" v-for="(item,index) in 阅读全文
posted @ 2021-09-23 09:54 番茄西红柿u 阅读(3750) 评论(0) 推荐(0)
element-ui表单只验证单个字段 - 弹框关闭时清空表单项-表格跨分页多选
摘要：1. 表单只验证单个字段 this.$refs['form'].validateField('mobile', valid => { if (valid) { // 发送验证码 } }) 2. 弹框关闭时清空表单项 <el-dialog @close="onClose"> <el-form ref= 阅读全文
posted @ 2021-09-01 10:03 番茄西红柿u 阅读(366) 评论(0) 推荐(0)
element-ui表单验证-根据接口返回状态修改校验提示信息
摘要：默认校验规则 pid: { required: true, message: '请选择', trigger: 'change' }, 需要实现的 场景： 下拉的时候根据接口判断用户的选择是否已存在 data(){ var validateSid = (rule, value, callback)=> 阅读全文
posted @ 2021-03-03 14:00 番茄西红柿u 阅读(1440) 评论(0) 推荐(0)
vue-tags-input
摘要：文档链接：http://www.vue-tags-input.com/#/examples/autocomplete 需求： 输入英文状态逗号、分号、空格、回车进行分隔，也可联想输入 npm install @johmun/vue-tags-input import VueTagsInput fro 阅读全文
posted @ 2020-12-18 17:57 番茄西红柿u 阅读(918) 评论(0) 推荐(0)
element-ui自定义表单验证
摘要：<el-form :model="addForm" :rules="rules" ref="addForm" label-width="120px" class="offline_ruleForm"> <el-form-item label="邮箱地址:" prop="email"> <el-inp 阅读全文
posted @ 2020-09-30 13:25 番茄西红柿u 阅读(264) 评论(0) 推荐(0)
element-ui日期选择器-季度选择
摘要：<div class="H_P_title_choose width160" v-if="choseDateValue == '季'"> <mark style="position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0, 阅读全文
posted @ 2020-08-04 10:14 番茄西红柿u 阅读(6917) 评论(1) 推荐(0)
element-ui时间选择器某个时间节点以前，及未来时间不可选择
摘要：某个时间节点以前，及未来时间不可选择 disabledDate: (time) => { return time.getTime() > new Date(new Date().getTime()) || time.getTime() < new Date('2020-06-01').getTime 阅读全文
posted @ 2020-06-10 09:56 番茄西红柿u 阅读(2038) 评论(0) 推荐(0)
moment.js时间格式化
摘要：引入： import moment from "moment" 获取当月第一天和最后一天 moment(new Date()).endOf('month').format("YYYY-MM-DD") moment(new Date()).startOf('month').format("YYYY-M 阅读全文
posted @ 2020-03-25 10:56 番茄西红柿u 阅读(3470) 评论(0) 推荐(0)
element-ui时间组件使用
摘要：1. 限制当天前一周且以后日期不可选 <el-date-picker class="hoverPoint" v-model="beginTime" //默认的日期 type="date" value-format="yyyy-MM-dd" @change="changeBegin" :picker- 阅读全文
posted @ 2019-12-13 17:44 番茄西红柿u 阅读(1931) 评论(0) 推荐(0)