12 2021 档案
摘要：业务逻辑： 1，选择或搜索面包屑显示相应内容，并发送相应请求，更改url 2，点击面包屑后面的X，发送相应请求，删除搜索框里的值，更改url 1.点击时： 先在html结构中把各个分类的参数塞到dataset里 <a @click="goSearch" :data-categroyName="one
阅读全文
摘要：1.安装swiper版本5 npm install --save swiper@5 2.引入样式（一般在main.js中引入） import 'swiper/css/swiper.css' 3.使用的组件中引入并实例化 注：实例化要在dom加载完后，包括v-for等动态数据 import Swipe
阅读全文
摘要：卡顿现象： 正常：事件触发非常频繁，每一次触发，回调函数都会执行，如果时间很短，回调函数中有计算，有可能会出现浏览器卡顿 节流：在规定的时间间隔范围内，不会触发多次回调，只有大于这个时间才会触发回调。频繁触发 => 少量触发 防抖：前面所有的触发都会取消，最后一次的执行在规定的时间之后才会触发 频繁
阅读全文
摘要：路由组件与非路由组件的区别： 1.两者存放的位置不同components存非路由组件，pages存路由组件 2.使用方式不同。路由组件需要用vue-router,非路由用标签 3.注册完路由，非路由和路由都有$router,$route $route:一般获取路由信息【路径，query参数，para
阅读全文
摘要：import axios from "axios";//引入axios const service = axios.create({ baseURL: "/api", timeout: 600000, cancelToken: source.token }); // 请求拦截器 service.in
阅读全文
摘要：样图： 思路： 动态绑定class，用@mouseenter（）绑定一个事件，并将列的索引index传入，然后在data里建一个变量来保存，默认-1 0的话页面刷新后第一个背景色就已经显示了 html <div class="item" v-for="(one, index) in category
阅读全文
摘要：vue创建项目时其他配置 1.关闭eslint语法检查 创建vue.config.js module.exports = { lintOnSave = false } 2.src配置别名 @ 创建jsconfig.json { "compilerOptions":{ "baseUrl":"./",
阅读全文
摘要：//找到图片所在div @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } //找到img标签 img { -webki
阅读全文
摘要：//前端分页 //定义变量detailTable const detailTable = { "page":1,//页数 "pageSize":10,//条数 "tolNum":0,//总条数 "yuanList":[],//所有数据 "table":[]//表格展示数据 } //点击分页时 con
阅读全文
摘要：1.先安装moment npm install moment 2.filter.js import Vue from "vue"; import moment from 'moment' Vue.filter('date-format',function(value,formatStr='YY-MM
阅读全文
