巫小婆--CSDN博客

原创 elementUI - 关于el-radio值选项不回显问题的知识点

划重点：label值是动态的需要加冒号：label 中定义的值类型需要与你定义的值类型和后台返回的值类型保持一致。如果是Number 就都是number，是string 就都是string，否则不显示。正确代码示例：<template> <el-radio v-model="radio" :label="1">备选项</el-radio> <el-radio v-model="radio" :label="2">备选项</el-

2020-09-25 10:15:02 3072 1

原创 element ui自定义表单校验（一行多个输入框必填及大于等于1的正整数表单校验）

公司这两天护网行动，什么都做不了。为了打发时间，写两篇笔记吧~~~ 废话不多说，直接上代码 ~~// el-form-item里这样写只对threshold做了校验 ruleForm.increaseNumber 不填写或者乱填都可以通过校验<el-form :model="ruleForm" ref="ruleForm" label-width="100px" class="demo-ruleForm" :rules="rules"> &

2020-09-16 10:07:36 3556

原创 vue+element 文件上传重复上传能覆盖上一个文件（excel）

官方文档指路文件上传实际应用// 页面按钮<el-upload accept=".xls, .xlsx" action="#" :before-upload="beforeAvatarUpload" :http-request="getfileUpload" :on-change="getValChange" v-model="ruleForm.fileUrl"> <el-button size="sm

2020-09-08 17:53:48 4160

原创 vue + element 点击按钮实现文件下载功能（文件流格式excel）

主要针对后台返回的文件流进行处理/** * 文件流转换主要代码块，可自定义下载文件名称 * @param {} data */ export function download (data,titName) { if(!data){ return } const content = data const blob = new Blob([content],{type: "application/vnd.ms-excel"}) const fi

2020-09-08 17:37:57 11428

原创 element表格嵌套自定义checkbox

element表格嵌套自定义checkbox获取选中结果最近做了关于vue+element项目，第一次接触element框架有许多陌生的地方。所以又总结了许多知识点，做个笔记。具体代码实现<el-table :data="item.rights" stripe border style="width: 100%;margin-top:20px;"> <el-table-column label="请选择核销权益" width="73"> &lt

2020-09-07 14:08:37 1807

原创 vue+mint-ui 移动端框架Picker 组件实现省市区三级联动

移动端实现三级联动mint-ui api传送门官网链接npm 安装npm i mint-ui -S引入 Mint UI 分两种形式：一是完全引入，具体实现方式在 main.js 写入以下代码：重要：样式文件需要单独引入import Vue from 'vue'import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'import App from './App.vue'Vue.use(MintUI)new Vue

2020-07-16 15:04:54 1243 2

原创移动端 input type=‘file‘ 自定义样式、多图表单上传及踩坑大总结

实现效果如下图：具体代码实现如下：setEvaluation.vue(仅包括图片列表展示及自定义上传按钮):<div class="eva_uploadImg"> <div class="eva_loadImgList"> <ul class="clearfix"> <li class="fl eva_myImg" v-for="(item,index) in imgDatas" :key="index" >

2020-07-16 11:54:03 840

原创 better-scroll项目实战--总结

better-scroll 踩坑总结废话不多说直接进入正题。下载安装npm install better-scroll --save在项目中使用该插件的页面引入import Bscroll from 'better-scroll'实例化scroll this.$nextTick(() => { this.scroll = new Bscroll(this.$refs.wrapper,{ scrollY: true, c

2020-07-15 15:47:33 456

巫小婆的博客园~