logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

(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...

input上传重复图片无法触发change事件(vue+element)

需求要做一个上传图片的组件,可上传多张,上传重复图片时提示重复,使用input上传,当图片重复时并不会触发change事件,导致无法添加提示,解决方案是上传图片完成后清空input中的value。思路是:1.定义dom结构,定义input的ref名称,获取到input的value值;<input type="file"class="add"@ch...

#vue.js#elementui#前端
vue+wangEditor的使用与展示(表格+图片自定义上传+带格式粘贴)

之前使用的富文本编辑器是quill,但是项目新需求需要加表格,实在是整不出来,换成了wangEditor,下面展示从编辑到展示的代码历程,支持粘贴表格,图片自定义上传oss等功能,支持 IE10+ 浏览器。官网:www.wangEditor.com1. 编辑器组件wang-edit<template><div class="text-edit">...

vue2 预览word文件

父组件调用init方法即,适用于远程url和本地文件。

文章图片
#前端#javascript
uniapp实现微信小程序websocket+背景音频语音播报

业务需求:根据后台返回消息播报语音,要求后台运行可继续播报实现步骤:建立socket连接监听消息,并建立心跳检测机制,防止socket意外断连将接收到的文字信息转化为音频文件使用uni.getBackgroundAudioManager(),实现后台运行可以持续播报音频解决并发问题,同时接收多个文件按顺序播报1.建立socket连接onShow() {const SocketTask = getA

#websocket#微信小程序#音视频
uniapp发布app生成证书

一、定义解释1.uni_appid:uniapp的id,mainfest.json-基础配置2.应用包名:应用名字(自行设置),域名反过来写3.应用签名:微信开放平台中特定需要,用于微信登录和支付的申请,使用签名工具获取签名生成工具:https://open.weixin.qq.com/cgi-bin/readtemplate?t=resource/app_download_android_tmp

#android#java#apache
uniapp实现九宫格拖拽排序(movable-view)

功能包括:选择多张图片上传,单击预览图片,长按拖拽排序,本文主要讲解拖拽排序的实现效果图如下:实现思路:1.定义imgList数组,存放图片元素;2.长按图片时记录当前移动元素index,简称moveId;3.移动时,记录结束位置,计算结束位置的index,简称moveToId;4.移动结束,记录原来的元素信息imgList[moveId],使用splice方法删除moveId元素,添加moveT

#javascript
修改Vant Weapp中popup的样式

使用custom-style可更改样式,如:上边框更改为圆角<van-popup show="{{ show }}"position="bottom"custom-style="border-top-left-radius: 5px;border-top-right-radius: 5px;"...

uniapp使用高德地图定位(兼容app)

1.获取Key 查看官方文档需要:应用包名和SHA1(获取方法查看)​2.配置manifest.json​3.设置安全通讯域名登录微信公众平台,在 "设置"->"开发设置" 中设置 request 合法域名,将https://restapi.amap.com中添加进去​4.下载微信小程序插件amap-wx.js地址在创建的项目中,新建一个名为 libs 目录,将 amap-wx.js 文件拷

#android studio#android#android-studio
uniapp使用uni-data-picker插件实现省市区弹窗(兼容app)

官方文档:uni-app官网1.使用HBuilder导入插件.uni-data-picker 数据驱动的picker选择器 - DCloud 插件市场2.导入成功后,在src文件夹下多一个uni_modules的文件夹3.引入插件import uniDataPicker from '@/uni_modules/uni-data-picker/components/uni-data-picker/k

#前端#vue.js#javascript
到底了