Vue
文章平均质量分 56
wwww....
啾~每天都在路上
展开
-
列表无缝滚动--vue + animated
html部分<template> <div class="table_scroll_wrapper" :style="{width:component.width + 'px',height:component.height + 'px'}"> <div class="table_scroll" :id="this.$attrs.index"> <!--表头字段------> <div class="table_header"原创 2021-01-04 16:22:15 · 195 阅读 · 0 评论 -
echarts区域地图,自动&高亮区域&信息
代码部分获得区域的JSON数据的网址地图选择器mapData的数据顺序要和JSON中排列的顺序一样,不然自动高亮的区域和tooltip会不一致<template> <div class="line-wrapper"> <div :id="'echartMapPieChart'+this.$attrs.index" :style="{width:component.width+'px',height:component.height+原创 2020-08-20 14:54:40 · 3457 阅读 · 0 评论 -
canvas跨域图片报Tainted canvases may not be exported.
canvas跨域图片报Tainted canvases may not be exported.解决办法我们做微信活动,经常会碰到生成图片进行分享的需求。生成的图片中肯定包含微信头像,这时就会碰到canvas转图片时的跨域问题。一开始我是把微信头像下载到服务器上来避开跨域问题的,但这样做太累了,也浪费服务器存储空间。之后再网上搜索后得到如下解法var img = new Image();img.src = userInfo.headimgurl;//微信头像地址img.setAttribute(原创 2020-08-20 14:41:38 · 642 阅读 · 0 评论 -
高德地图强制横屏后(旋转90deg)在手机上拖动方向问题(vue)
大屏需要在手机端横屏展示,强制横屏后,地图的拖动方向也相对正常的方向旋转90度代码片段html部分<div id="mapInit" @touchstart.prevent="handleTouchStart" @touchmove="handleTouchMove" @touchend="handleTouchEnd" :style="{width:component.width+'px',height:component.h.转载 2020-08-20 14:28:45 · 1189 阅读 · 0 评论 -
axios拦截上一次请求响应的数据,解决tab切换太快至列表数据错乱
axios 封装 首先引入axios 创建实例import axios from 'axios' // 创建axios实例const instance= axios.create({ baseURL: process.env.BASE_API, // api的base_url timeout: 6000 // 请求超时时间})然后加入axios的拦截器instance.in...转载 2020-04-29 11:34:56 · 1470 阅读 · 0 评论 -
Vue递归组件
问题1、报错"Uncaught TypeError: amap__WEBPACK_IMPORTED_MODULE_2___default.a.Map is not a constructor"用yarn add amap之后,在创建地图的页面去引入import AMap from ‘AMap’敲重点!!!!不是import AMap from ‘amap’至于为什么会这样,有...原创 2020-04-13 19:29:17 · 244 阅读 · 0 评论 -
Vue的全选和选中
第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> table, td, th { ...转载 2020-01-21 21:46:59 · 336 阅读 · 0 评论 -
Vue学习之高级系列(vue-cli,vue-router,vuex)
Vue高级 - Vue全家桶技术1. vue-cli 脚手架2. vue-router 路由3. vuex 多组件状态管理vue-cli它是vue提供的一个用于构建vue项目的脚手架,目前它的版本已经到了4.x版本vue-cli 2.x 版本vue-cli 2以上版本【 3 4 】 市面上安装如何让一台电脑既可以使用vue-cli...原创 2020-01-10 21:24:12 · 1253 阅读 · 0 评论 -
Vue学习之基础一
Vue特点Vue是一个MVVM框架M 模型 model 数据V 视图 viewVM C -> P -> VM 视图模型 -> 处理逻辑单向数据流数据由父级传递给子级Vue是一个js渐进式框架渐进式: 越学越难想学的容易:加强基础Vue是使用了虚拟DOM技术Vue拥有便利性的指令指令: 操作dom的一种方式...原创 2020-01-03 15:20:40 · 95 阅读 · 0 评论 -
前端框架之Vue介绍
库 vs 框架库只是一个工具,供我们使用框架是具有思维的,有它自己生态系统前端框架发展历史前端这个岗位是从后端慢慢分出来jq -> 2010前MVC思想 -> 软件架构将一个软件分为了三个部分,每一个部分负责一部分功能M -> Model -> 模型 -> 软件中的数据V -> View -&g...原创 2019-12-12 19:28:58 · 258 阅读 · 0 评论