![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
jinxi1112
这个作者很懒,什么都没留下…
展开
-
uniapp实现九宫格拖拽排序(movable-view)
功能包括:选择多张图片上传,单击预览图片,长按拖拽排序,本文主要讲解拖拽排序的实现效果图如下:实现思路:1.定义imgList数组,存放图片元素;2.长按图片时记录当前移动元素index,简称moveId;3.移动时,记录结束位置,计算结束位置的index,简称moveToId;4.移动结束,记录原来的元素信息imgList[moveId],使用splice方法删除moveId元素,添加moveToId元素5.利用归位函数为movable-view的x、y赋值,将元素归位.原创 2022-04-22 14:38:51 · 6960 阅读 · 5 评论 -
微信小程序优惠券列表领取(send-coupon插件)
插件配置和引入请参考官方文档:https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter9_3_1.shtml<send-coupon bind:sendcoupon="getcoupon" bind:userconfirm="redirectuser" send_coupon_params="{{send_coupon_params}}" sign="{{sign}}" send_coupon_mercha原创 2021-11-11 14:26:03 · 5157 阅读 · 3 评论 -
vue实现excel上传获取表格数据
使用mixin.js将方法作为公用方法import XLSX from 'xlsx'// mixins.jsexport const xlsxMixin = { methods: { impExcel(e) { //导入信息 const that = this let fileName = e.target.files[0] return new Promise(function (resolve, reject) {原创 2021-08-13 13:47:04 · 546 阅读 · 0 评论 -
vue+wangEditor的使用与展示(表格+图片自定义上传+带格式粘贴)
之前使用的富文本编辑器是quill,但是项目新需求需要加表格,实在是整不出来,换成了wangEditor,下面展示从编辑到展示的代码历程,支持粘贴表格,图片自定义上传oss等功能,支持 IE10+ 浏览器。官网:www.wangEditor.com1. 编辑器组件wang-edit<template> <div class="text-edit"> ...原创 2020-02-20 16:15:46 · 6966 阅读 · 4 评论 -
oss地址转base64编码
async init() { // 获取base64编码 解决移动端跨域问题 try { const [avatarResult] = await Promise.all( [ this._getBase64(this.avat...原创 2019-11-12 10:29:02 · 614 阅读 · 1 评论 -
input上传重复图片无法触发change事件(vue+element)
需求要做一个上传图片的组件,可上传多张,上传重复图片时提示重复,使用input上传,当图片重复时并不会触发change事件,导致无法添加提示,解决方案是上传图片完成后清空input中的value。思路是:1.定义dom结构,定义input的ref名称,获取到input的value值;<input type="file" class="add" @ch...原创 2019-04-17 14:09:19 · 3177 阅读 · 0 评论 -
(element-ui)v-for动态数据循环表单验证的处理方式
1.功能需求:使用element的表单验证方式,动态for循环的场景如何使用?如下图所示:2.dom结构如下(重点)注意:1. userList和其他表单项在同一个form表单中2.prop改为:prop,形式为'userList.'+index+'.name'3.每一个循环中的<el-form-item>都需要加:rules <el-form :m...原创 2019-06-27 14:23:05 · 18182 阅读 · 11 评论