是小芬达啊-CSDN博客

上一章我们讲了怎么看一个新项目以及安装路由因为我们实际项目中肯定会用到vuex进行传值，所以这章我们在vue3+vite项目中来安装搭建vuex1.首先安装vuex，npm install vuex@next --save2.在src下面建立store文件夹，在store下面建立index.js文件，modules文件夹，getters.js文件，如图，目录结构这样//store/index.jsimport { createStore } from 'vuex'; //引入vueximpor

2022-05-16 17:00:42 370

原创 vue3+vite搭建项目（二）

上一章成功搭建了工程这一章主要讲怎么安装一些必要的依赖，更快的搭建一个项目1，首先我们先安装路由，根据官网npm install vue-router@4

2022-05-13 10:47:46 531 3

原创 vue3+vite搭建项目（一）

现在越来越多的ui库支持了vue3，因为企业项目还都是vue2，也看过vue3的文档但还没系统的开始做项目，还是有必要从头开始搭建一下的。1，首先我们都知道，需要安装环境，打开命令行（win+r）然后node-v看一下有没有出现版本号，因为我已经安装好了就不演示了，没有安装的可以百度一下全局安装一下2，然后看一下npm有没有安装好，脚手架有没有安装好（记得这里V大写）到这里，之前vue2大家应该都没问题了，这里记得vue的版本，如果版本还是vue2的去安装一下vue3（cnpm install

2022-05-12 15:23:39 4961

原创 ant design vue的表单选择框等数据选择了不显示但是查看数据确实是选择成功的

表单怎么也赋值不了

2022-04-07 14:12:15 2632

原创 a-tree赋值是子节点，传给后端是子节点加上父节点的解决办法

最近在重构后台管理系统，做到角色管理这边需要给角色分配菜单权限，发现一个小点，场景是这样的：前端用的是antdv框架，里面有一个树状结构a-tree组件，它需要的v-model是子节点的数组，但是不能直接这样传给后端，因为后端需要的是子节点和父节点的数组。所以前端需要将选中的子节点和父节点一起传给后端，赋值的时侯拿到后端的子节点和父节点的数组需要过滤掉父节点将子节点的数组赋值给a-tree的v-model简单来说，就是前端赋值的时侯将所有的菜单权限数组和后端给的已选中的数组双重循环过滤出我们想要的子节点数

2022-03-24 11:12:13 1411

原创 antdv的日期选择框赋值后不能清除也不能选择别的时间的处理

最近在用到日期选择框遇到一个小问题应用场景是这样的：新增和修改时一个form，一个弹出框。新增时候把日期选择框的年月日时分秒传给后端；修改时请求接口把年月日时分秒的值变成moment的值赋值给日期选择框（因为日期选择框只能是moment格式）。然后发现直接赋值会报警告，只能是moment的格式，换成moment的值复制发现选择日期选择框的值能拿到，但是页面没有变化也不能删除（this.$set解决，下面有注释，往下翻）下面是解决办法组件部分 &

2022-03-21 13:39:51 2889 1

原创在vue中使用vue-treeselect树状结构

一般来说，组件都会自带TreeSelect 树型选择控件但是自带的组件样式可能不是我们要的，比如antdv的控件长这样但我们更想要这样,后面有数量首先npm下载或者cnpm下载cnpm i @riophae/vue-treeselect --save然后在组件中引入import Treeselect from "@riophae/vue-treeselect";import "@riophae/vue-treeselect/dist/vue-treeselect.css";export

2022-03-16 17:36:34 1608

原创微信小程序的发布流程

当我们开发完小程序后需要做哪些事情才能上线，在小程序搜索到并且可以正常使用呢首先，需要把http改成https，因为在本地调试的时侯我们在工具不检验合法域名，但是线上的版本必须是https，所以需要后端去申请一下。然后，可以把工具中的不校验合法域名打钩去掉，然后扫码真机调试没有问题后点击开发者工具右上角的上传然后去微信公众平台的管理中的版本管理，能看到线上版本审核版本和开发版本，然后在开发版本体验版那里扫码体验一下（前提是在成员管理里面把需要扫码的人的微信号添加进去），然后没有问题了提交审核，如果需

2022-02-17 10:26:40 1069

原创小程序看完激励视频发放奖励（含解决重复发放奖励的bug）

最新在写抖音小程序，和微信小程序基本一样，这里主要说一下小程序怎么使用激励视频并且看完激励视频发放广告（关闭清除广告奖励就不会重复发放）首先，得去开放者平台的广告中心，里面有一个流量主，然后点击广告管理去新建一个广告位，选择激励广告，然后你就有了一个广告位ID，先把它复制下来，备用。第二步，在需要用激励视频的页面定义变量var videoAd = null;Page({})第三步，在页面加载的时侯创建广告onLoad: function(options) {if (tt.createRewa

2022-01-18 17:33:07 7965

原创小程序实现文件上传到oss

一，首先在微信开发者工具的设置中打开npm模块二，在终端npm init初始化并使用npm install三，点击开发者工具中的菜单栏：工具 --> 构建 npm四，下载crypto-js和js-base64五，在页面中引入import crypto from 'crypto-js';import { Base64 } from 'js-base64';六，计算签名的方法，下面会用到// 计算签名。 computeSignature(accessKeySecret, canoni

2022-01-13 10:43:50 807

原创微信小程序的表单验证

我们写vue项目的时侯经常会用一些ui框架，都会有表单验证那小程序想要实现前端表单验证通过后再提交给后端怎么实现呢首先，我们需要一个叫WxValidate.js的代码，网上会有下载一下，不想下载也可以直接复制下面的代码，在你的根目录（和pages平级）新建一个utils文件夹然后在里面新建一个WxValidate.js的文件，把代码复制粘贴进去/** * 表单验证 * * @param {Object} rules 验证字段的规则 * @param {Object} messages 验证字

2022-01-13 10:16:44 2022 2

原创 vue上传文件到腾讯云cos

之前博客有写怎么文件上传oss，分片上传到服务器这次是用的腾讯云的服务器，所以也用了cos对象存储和oss大同小异，但是还有几点注意的事项1.我这次没用临牌的方式，直接在前端写死的secretId等等，但是你们正式上线的项目还是推荐使用临时的secretId，让后端传给前端。我新建了一个文件夹，方便之后改动...

2022-01-04 15:18:23 1654

原创在vue中使用video-player

最近有一个需求：视频播放器旁边有一个按钮控制播放暂停的，这个其实用原生的video标签也可以实现，麻烦的是在视频播放器点击暂停和播放，原生的video不能监听到这个事件，所以用了video-player1.首先需要下载video-player插件cnpm i vue-video-player --save或者没有淘宝镜像的使用npm i vue-video-player --save2.然后在组件里引入import { videoPlayer } from "vue-video-player

2021-12-13 10:08:58 4047

原创 Tree 树形控件递归数组处理成组件想要的格式

我们在vue项目开发过程中，免不了要使用树形控件，基本上Ui组件库都需要的是递归数组，比如[{id:1,name:'xxx',chidren:[{id;11,name:'xxx',children:[{d;111,name:'xxx'}]}]},{id:2,name:'xxx',chidren:[]}]，但是后端传给我们的数据可能不是这种处理好的数组，比如传的是这样的格式： [{id:1,pid:0,name:'xxx'}, {id:11,pid:1,name:'xx

2021-12-09 16:02:52 1047

原创 elementui打包后出现图标乱码的问题解决

最近复现出一个bug：基于若依的开源项目改动的后台管理系统打包上线后图标会出现乱码现象（复现的时侯没截图，见谅哈），比如向下的箭头呀会变成乱码，刷新后又好了，而且是偶尔出现这个现象以至于我们测试都没测出来。在网上看了解决方法，也会有问题吧，我把我的踩坑说一下吧：首先说是出现乱码肯定是样式冲突，网上说是用了dart-sass，但我找了package.json并没有安装dart-sass啊，是用了sass和sass-loader，我仔细看依赖包的node_modules，发现sass文件夹里有一个dart的

2021-12-08 11:08:01 2534

原创前端在vue.config.js解决跨域

前端解决跨域

2021-12-08 10:06:56 835

原创 vue使用fingerprintjs2优化分片上传断点续传，当同一个账号在不同电脑或者浏览器在文件上传时再继续上传改文件会失败的改动

前一篇文章说了分片上传和断点续传，这篇文章是来说说做了异步任务出现的bug，以及优化一下上传：上一篇说了后端为了合并大文件不超时写了异步任务，前端去请求合并接口的时侯会给我先返回然后后端执行异步任务，而我只要开一个定时器每隔几秒去请求列表，直到列表里所有数据的状态都是合并成功清除定时器。（表格中是合并状态的数据不能进行操作）然后我们发现一个bug：当一个账号在上传一个文件时，用同一个账号在另一个电脑或者浏览器也上传这个文件时，上传一切都是正常的，但是第一个上传成功后走到合并任务中过几秒合并成功，但是后

2021-12-07 20:16:01 785

空空如也

空空如也