- 博客(16)
- 收藏
- 关注
RSS订阅原创 点击导航切换路由，默认页面到浏览器顶部
// 直接放入main.js即可router.afterEach((to, from, next) => { window.scrollTo(0, 0)})
2021-11-21 12:52:40
704
原创 Vue-CLI 3.0 通过iframe引入静态html
创建静态文件夹(必须在public内)配置vue.config.js config.resolve.alias .set('@', resolve('src')) .set('static', resolve('public/static'))重点 .set('assets', resolve('src/assets')) .set('components', resolve('src/components')) .set('router'
2020-11-11 15:46:36
1072
原创 vue 动态表单 拿来就用
<el-form-item label="替换" prop="values"> <div v-for="(item, index) in AddForm.replaceList" :key="index" style="display: flex; margin-bottom: 20px" > ...
2020-09-28 18:01:27
224
原创 极简Vuex存储token、id，并设置请求头同时实现权限分配；
//1.用户登录1.1data data: function () { return { userToken: '', userID: '', param: { username: '', password: '' }, rules: { username: [{ requi
2020-08-04 15:31:47
619
原创 微信支付，二维码图片解析
微信支付： 后台返回的是数据流；开始这样，但是不行，解决：在请求里面加入 ‘responseType’: ‘blob’ ,转换：附上base64转图片 //base64转换 base64ImgtoFile(dataurl, filename = 'file') { let arr = dataurl.split(',') let mime = arr[0].match(/:(.*?);/)[1] let suffix =
2020-06-08 13:12:08
2007
原创 el-table中的img增加el-popover功能
<el-table-column fixed label="房间图片" width="120" align="center"> <template slot-scope="scope"> <div style="display: flex;justify-content: center;"> ...
2020-04-30 17:04:14
1100
原创 vue element ui 动态表单的上传后的回显以及操作
//首先拿到获取回来的数据 let arr = this.$refs.AddRule.FormObj.content.split(","); //每次重置 this.$refs.AddRule.FormObj.domains = []; //循环数据 for (let i = 0; i < arr.length; i++)...
2020-04-27 10:01:16
3051
原创 最笨的方法实现数组转字符串
let Arr = 数组数据; let Brr = []; let con = ""; Arr.map(item => { Brr.push(item.value); }); con = Brr.join(",");
2020-04-26 17:57:02
143
原创 Element ui el-popover实现content显示img格式
<el-popover placement="right" title width="200" trigger="hover"> <div style="width:200px;height:200px;"> <img style="...
2020-04-26 15:27:18
5204
2
原创 vue+element实现查看原图功能
//template<div class="img_box"> <div class="block" v-for="(url, index) in img_List"> <el-image style="width: 100%; hei...
2020-04-24 10:13:23
912
原创 el-upload上传、回显增、删、
<el-upload :http-request="UploadFile" action="#" list-type="picture-card" :auto-upload="true" ref="...
2020-04-21 19:53:18
4531
6
原创 vue-quill-editor转换上传图片问题
import API from "../../api/api_dynamic"; //引入api/*富文本编辑图片上传配置*/`在这里插入代码片`const uploadConfig = { action: "", // 必填参数 图片上传地址 methods: "POST", // 必填参数 图片上传方式 token: "", // 可选参数 如果需要token验证，假设你的...
2020-04-21 19:46:50
369
原创 vue element-ui实现form表单规则验证
vue el-element实现form表单规则验证1.添加事件2.data配置3.提交表单规则验证1-------------<el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm"class="demo-ruleForm"label-width="130px">2---------...
2020-01-21 16:54:51
644
原创 vue+elementui实现多功能table（拖拽、点击、状态变色、动态button、动态隐藏列等）
vue+elementui实现多功能table（拖拽、点击、状态变色等）<template> <div class="form_table"> <div class="w-table" :class="{'w-table_moving': dragState.dragging}"> <el-table stripe...
2020-01-21 16:47:41
1706
3
原创 vue实现el-date-picker日期，只可选中当前日期的前一天和选中部分的前后30天；
实现el-date-picker日期，只可选中当前日期的前一天和选中部分的前后30天；1.template <el-date-picker v-model="returnSummaryObj.collectDate" type="daterange" range-separator="-" ...
2020-01-21 16:41:44
3041
原创 vue实现导出xlsx
vue实现导出xlsx1.根据接口需求设定参数参数内容：1.stockOutCollectListQueryInDto：获取数据的obj（根据需求）2.arr：table_header（传递给table组件的）2.调取接口并传参 exportExcel_1() { this.params_1.stockOutCollectListQueryInDto = this.re...
2020-01-21 16:35:19
659
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人