前言 由于要开发本科毕业设计;制作一个后台书籍管理系统;想着记录一下开发过程;温故知新的同时分享给各位。 开发软件： vscode ； 技术栈 前端： 前端MVVM框架：vue：vue-cli4搭建 路由管理：vue_router 组件库：vuetify 前后端交互：axios（比较老了） 数据化视图：echart.js(第一次尝试) 后端(node): egg.js(阿里后端框架 第一次尝试) …
<template> <div class="bigbox"> <div class="box"> <table> <thead> <tr> <th> <input type="checkbox" v-model="isall" /> <span>全选</span> </t…
一、getter 定义 Vuex允许我们在store中定义"getter" ，用于对state中存储的数据进行过滤操作。 就像vue生命周期中的computed一样，getter的返回值 会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算 二、使用方法 1、通过属性访问 Getter 接受 state 作为其第一个参数： example:现在需要获取list：[1,2,3,4,5…
描述 使用微信提供的分享功能，其实就是JSSDK使用，使用它提供的接口功能。 可以先看下微信公众号开发文档，上面介绍的很详细。提供了那些功能，怎么去使用。 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#67 代码 绑定域名这个不需要说了。 引入js文件的话直接在Vue项目中找到index.html文…
antdvue修改select的placeholder默认颜色，话不多说直接上代码 建议在修改某个全局样式的时候外层加类，用less去修改，避免污染全局的样式，如果不能修改请使用:deep() <a-select class="print" style="width: 150px; margin-left: 10px" :getPopupContainer="(triggerNode: an…
情景： 有一个div通过v-show绑定数据data的isClick属性来控制显示（data原本是没有isClick属性的） 当点击该某个按钮时候，为data数据设置isClick=true 但是发现点击按钮后 div并不显示，继续进行其他操作时候，div才显示（显示慢了一步） 解决： 出现这一个不能实时双向绑定现象的原因是data最开始没有isClick属性，而当点击按钮时候直接为data新添加…
安装swiper版本 npm install swiper@7.4.1 import { Swiper, SwiperSlide } from "swiper/vue"; import "swiper/css"; import { Autoplay } from "swiper"; let modules = [Autoplay]; <swiper @swiper="onSwiper" :s…
"axios": "^1.4.0", "core-js": "^3.8.3", "echarts": "^5.1.2", "element-ui": "^2.15.13", "js-cookie": "^3.0.1", "jsencrypt": "^3.3.2", "less": "^4.1.2", "less-loader": "^6.0.0", "mockjs": "^1.1.0", "vue…
Animate.css Animate.css是一个现成的跨浏览器动画库，可用于您的 Web 项目。非常适合强调、主页、滑块和注意力引导提示。官网：https://animate.style/ 首先安装一下animate.css npm install animate.css -S 或者 yarn add animate.css 在需要用到动画的vue文件内引用一下 import 'animate…
我在使用Vue2的Axios对nodejs后端发起请求时， 在methods内放函数进行Axios请求时，会出现如下的报错： 原代码如下 前端请求代码： nodejs后端Koa的Controller层代码： 在尝试后发现，原来是由于axios请求不规范造成的问题。 首先前端发起请求的函数需要是异步函数，需要在函数前加入async，在请求前加入await，如下： 这样就不会报下图这样的错。 然后no…