- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue swiper 使用vue-awesome-swiper得分组轮播遇到得问题记录
1、切换时会出现不轮播得情况，看其他网友写得是因为在切换时running无论如何切换都始终为true，但是pause却由原来的false变成了true，被暂停了，所以需要先执行stop函数再执行start函数就可以了。2、切换时如果已经轮播开始，那么就需要加上slideTo()，不然会出现第一个tab已经轮播到第二页，这是切换第二个tab时不会从第二个tab的第一个分页开始，加上这个以后就不会出现这种情况了。注意点：使用鼠标移入移出事件时需要加上.native事件，否则不生效。
2023-09-18 18:20:31
405
1
原创 vue+element 日期选择器，开始时间和结束时间的问题
在做项目的时候，经常会碰到开始时间和结束时间同时出现的问题，一般情况下，选定了开始时间，那么结束时间就不能小于开始时间，反之亦然。这里，绑定了使用:picker-options绑定一个变量，在用户选择的时候，自动校准。element提供了一个日期选择器组件，可以根据自己想要的日期格式来自定义时间。
2023-04-14 17:28:13
1998
原创 vue+element 多表单重置
先定义好form表单，如果需要把表单重置，那么就需要绑定一个prop，且prop名称需要与model绑定的名称一致，否则不生效。element 表单重置函数为resetFields()，但因是多表单，所以需要结合Promise一起使用。
2023-04-14 17:16:58
521
原创 vue+element ui 文件上传之文件缩略图缩略图
这里删除的时候需要注意的是，缩略图中，删除时没有整体的fileList参数，所以需要使用ref来获取所有上传的图片列表，这样子在删除的时候，就可以确定用户删除的，是哪一张图片了。这里设置了图片的格式等，用户在选择的时候，会自动校准图片格式，官方文档中提供了before-upload方法，可以防止用户在选择文件的时候使用查看所有文件的方式。且需要上传的是图片，因为有预览等功能，如果上传的不是图片，会显示不出来。最后，附上删除时利用ref获取到的数组格式。文件缩略图按官方文档说的是使用。
2023-04-14 17:00:20
8351
2
原创 vue+element ui 关于表格中多行增加上传文件操作
注意：handleSuccess钩子函数中，因为这里上传的是一张一张的上传，所以需要把上传成功以后返回的数据push到tableData中，而handleRemove钩子函数中，需要先把数据置空，然后再循环把需要的数据push进去，如果没有先置空的话，fileIdList中的数据会不断叠加，当然，也可以用splice的方法，把找到对应的文件数据删除掉。在data中定义一个表格数组，数组中的fileIdList是我需要存储的信息，可自行参考。先创建一个表格标签，表格中需要先写上上传文件的组件。
2023-04-14 16:27:06
2787
原创 vue+element form表单中el-form动态验证
form表单有验证规则，很多数据可能是数组动态生成的，如果为动态生成，就不能使用静态来使用了。首先需要注意的就是prop和rules这两个参数代码附上：<el-form ref="formData" :model="formData" label-width="90px" > <el-row> <el-col :span="12" v-for="(item,index) in formData.tokensList
2021-12-22 17:35:44
2123
原创 uni-app 打包安装时提示此版本为32位安装
uni-app 打包配置中有一项支持CPU类型配置，官网对此名词解释为：原先打包时因为有用到模拟器编译，勾选了x86选项，导致有部分用户cpu类型为64位无法安装改进方案：只需勾选前两个足以，若需用模拟器，可勾选x86，但记得打包时去掉勾选参考文档：https://ask.dcloud.net.cn/article/36195...
2021-12-21 11:16:06
5361
原创 vue-admin 使用element UI 导入功能出现报错401现象
利用导入功能时连接接口发现报错401，有可能是跨域现象，也有可能是因为后端要求的字段没有传送文件上传导入，后端接口要求添加header，所以配置项中必须配置headers<el-upload class="import_btn" :action="action" accept=".xlsx" :on-success="uploadSuccess" :before-upload="uploadBefore" :show-file-li
2021-12-03 15:03:26
1645
原创 vue-admin使用echart折线图
1 安装echart插件npm install echarts --save2 引入echartimport * as echarts from 'echarts'引入echart有全部引入和按需引入，这里我使用的是全部引入，且在自己需要的页面下，而不是main.js按需引入：https://echarts.apache.org/handbook/zh/basics/import3 定义一个宽高容器，如果没有宽高，图表不会显示<div id="map" style=.
2021-12-03 10:23:28
1194
原创 uni-app 关于版本更新后安装失败，失败原因：更新包与安装应用的签名不一致问题
最近在做版本更新后重新安装apk的功能，安装后发现报错：发现原因是因为
2021-06-10 16:03:50
6947
1
原创 uni-app 自写组件，封装组件
uni-app和vue组件的写法很类似，但实际应用也是第一次，多写多积累吧编写组件在components文件夹下新增tabbar.vue
2021-06-07 16:15:32
796
原创 uni-app 简单版自定义tabbar
最近在用uni-app，因为功能需要只能采用自定义tabbar，插件市场找了很多都不符合自己的要求，只能自己简单开发一版了编写组件
2021-06-07 15:46:19
1329
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人