![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Wang_kaiya
不要为小事遮住视线,因为我们还有更大的世界
展开
-
js获取当前一周的时间
// 获取当前一周的时间 getWeekTime() { let that = this; this.userForm.TimeChoose = []; var currentFirstDate; var formatDate = function(date) { var year = date.getFullYear() + "-"; var month = date.getMonth() + 1 + "-";转载 2021-02-09 23:42:57 · 1819 阅读 · 0 评论 -
Vue封装axios和api接口管理
1.安装axiosnpm install axios --save //安装axios2.引入在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios,api.js用来统一管理我们的接口。import axios from 'axios';//引入axios//设置环境的切换 if(process.env.NODE_ENV=='development'){ axios.defaults.base原创 2020-10-07 16:38:16 · 156 阅读 · 0 评论 -
vue跳转页面,总是跳转下一个页面底部的解决方法
在路由的js中const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes, scrollBehavior (to, from, savedPosition) { //解决跳转下一个页面底部的方法 if (savedPosition) { return savedPosition } else { return { x: 0, y:原创 2020-10-07 09:58:19 · 915 阅读 · 1 评论 -
Vue使用echarts
安装echarts依赖npm install echarts -S在main.js中引入import echarts from "echarts";Vue.prototype.$echarts = echarts;在Echarts.vue中<template> <div> <div id="echarts" style="width: 600px;height:400px;"></div> </div>原创 2020-09-10 19:20:58 · 143 阅读 · 1 评论 -
Vue使用v-viewer,实现图片预览
1.安装依赖npm install v-viewer --save2.在main.js中引入import Viewer from 'v-viewer' //图片查看插件import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': tr原创 2020-09-08 18:56:44 · 1089 阅读 · 1 评论 -
vue之美团分类切换
仿美团外卖,左边点击切换右边,右边滑动切换左边,并且右边伴有标题的切换首先在src的components创建两个组件Main.vue中<template> <div> <!-- 类似美团切换的案例 --> <!-- 分类 --> <div class="classify-content"> <div class="left-content"> <div class="left-item-co.原创 2020-09-03 20:31:03 · 601 阅读 · 0 评论