tab切换列表效果：实现想法：头部tab使用div，fixed固定头部；下面内容使用的是swiper和swiper-item实现左右切换功能；接着在swiper-item中使用scroll-view实现列表的滚动(设置y轴滚动)，滚动加载借助scroll-view的scrolltolower方法；tab切换逻辑：设置一个参数接收当前tab的标识(tabIndex)；这个t...

自定义多选框样式平时一直用的框架中的样式，这次不行了要自己写。做个笔记记录一下很久没写这中样式了设计要求的样式其实那个勾并不是checkbox，而是一个i标签，给他的两边设置border（白边），然后旋转一下实现的，因为这一整个label里的点击都会触发checked，所以并不用管checkbox的样式，你另外写一个显示出来就好了。template中<div cla.

基础思路就是使用vuex状态管理来存储登录状态(其实就是存一个值，例如token)，然后在路由跳转前进行登录状态的判断，可以使用vue-router的全局前置守卫beforeEach，也可以使用路由独享的守卫beforeEnter。导航守卫正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。记

mpvue小程序项目中的图片上传效果图通过mpvue文档得知他使用的是小程序原生api中的图片选择（wx.chooseImage）和文件上传（wx.uploadFile），因此我们直接根据小程序的文档来使用就可以了。chooseImage文档图片选择我将备注写在代码块里，比较好说chooseImage(e) {let i = 0;// 多图上传时使用到的in...

vue-skeleton-webpack-plugin骨架屏使用插件github地址安装插件npm install vue-skeleton-webpack-plugin在项目中创建骨架屏展示组件平时项目中使用的是rem适配，然后发现骨架屏中无效，因为他出现的时候并未渲染页面，因此找不到window对象，获取不到屏宽<template&

vue图片上传组件最近在做项目的时候顺便补充了一下公司项目的公共组件库，刚刚手头事情告一段落，就来做个笔记。首先来看看最终效果1.不允许删除2.允许用户删除（显示删除按钮）实现的效果就是上图显示内容接下来说说组件布局那部分直接上代码了<template><div class="uploadImg"><di..

父子组件通信这个官网很清楚，也很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可例如：父组件中<template><div><head-top></head-top><section class="data_section"&