webCandy-CSDN博客

代码片.// An highlighted block// 将base64的图片路径转为文件流 base64toFile (dataurl, filename = 'file') { let arr = dataurl.split(',') let mime = arr[0].match(/:(.*?);/)[1] let suffix = mime.split('/')[1] let bstr = atob(arr[1])

2022-01-20 16:32:42 1716

原创 vue 页面路由跳转-离开此页面提示是否保存后再离开

此功能是点击导航跳转前提示是否保存后在离开，不是关闭浏览器前提示1.首先定义一个变量代码如下（示例）：data() { return { contentHasSave: false //记录是否点击提交了 }; },2.跳转路由前做判断代码如下（示例）： data(){ return{ contentHasSave: false //记录是否点击提交了 }; }, beforeRouteLeave(to, from , next).

2021-11-26 14:45:56 1983

原创 vue-video-player记录上次播放时间继续播放

最近项目需求记录上次视频播放时长，下次接着播放1.html代码如下（示例）：<video-player class="video-player-box" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($event,'play')" @pause="onPlayerPause($event,'pause')" @timeup

2021-11-25 15:23:29 5050

原创父子组件传值传过去的数组不能实时更新watch监听

1.父组件代码如下（示例）：<el-button @click="handleClick(scope.row.equipmentId)" type="text" size="small">查看</el-button><add-contact :eqId = 'eqId'></add-contact><script>import addContact from './addContact.vue'export default { n

2021-11-24 17:22:27 713

原创 vue子组件向父组件传值

子组件向父组件传值1.子组件代码如下（示例）：<el-radio-group v-model="answerVal" @change="answerFun" > <el-radio v-for="item in answerList" :key="item.prefix" :label="item.prefix" > <span class="question-prefix">{{item.prefix}}.{{item.content}}&

2021-11-23 10:10:18 616

原创 element-ui 时间选择器格式化

<el-date-picker v-model="form.dateTime" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="changeDateTime" > changeDateTime(date){ console.log(date)..

2021-11-19 14:43:20 1098

原创 elementui实现上传视频功能+预览

没有见过的奇葩上传视频功能，或不多说直接上代码html：<el-form-item label="图片上传" prop="imgUrl"> <el-upload :action="picUrl" :headers="headers" :on-preview="handlePictureCardPreview" :file-list="imgList"

2021-11-12 16:38:02 13558 10

原创 element-ui 实现单张上传

element-ui 实现单张上传之前写了ant-design of vue自定义上传，今天element-ui的也安排上html：<el-form-item label="图片上传" prop="imgUrl"> <el-upload :action="picUrl" :headers="headers" :on-preview="handlePictureCardPreview" :file-list="imgList"

2021-11-11 10:23:55 889

原创 vue-video-player 如何禁止拖动进度条

vue-video-player 如何禁止拖动进度条最近做项目遇到视频播放功能，需求是禁止拖动进度条，找了好久终于找到了，非常简单就一句css即可，真香…。 .vjs-progress-control{ pointer-events: none !important; }...

2021-11-09 15:02:00 4224 3

原创基于 ant-design of vue 的图片上传

基于ant-design of vue 的自定义图片上传html<a-upload name="file" list-type="picture-card" class="avatar-uploader" :show-upload-list="false" :before-upload="beforeUpload" :customRequest="selfUpload" @change="handleChange"> <img

2020-10-15 14:44:58 3000 8

webCandy的博客

原创 Git修改文件大小写的修改

原创 uview + uni-app 开发app，密码显示隐藏功能不生效

原创 uni-app多端开发踩坑日记之子组件动态获取元素高度

原创移动端开发uview textarea 报错

原创用vite创建vue3项目

原创 elementui级联选择器数据回显问题

原创 elementui 日期时间选择器只能选择当前时间之后的时间

转载 vue项目打包报错 Error: Cannot find module ‘gifsicle‘

原创为什么一直报错wxConfig is not defined?

原创 elementui时间选择器限制选择日期范围

原创 h5微信公众号获取发票抬头功能总结

转载将base64格式的图片转成文件流格式传给后台