张可.-CSDN博客

原创 this.$set的用法，赋值后视图页面不更新

在项目开发的时候，有时候会遇到给data的一个对象添加一个属性或者赋值的时候，值赋过去了但是页面（视图）不更新。

2022-06-02 09:47:40 1159

原创 ECharts社区 Make A Pie 停用了，这几款可以代替使用

Make A Pie社区在2月15日开始暂停服务。一下几个网址可以代替使用。1.http://analysis.datains.cn/finance-admin/index.html#/chartLib/all2.https://www.makeapie.cn/echarts_component/polar3.http://ppchart.com/#/4.https://www.isqqw.com/#/homepage............

2022-03-11 11:22:20 3495 3

原创 vue高德地图每次请求数据，上次的覆盖物还会留下（.Marker；.Polygon）。解决清除上一次的覆盖物

在使用高德地图渲染的时候，会遇到在不刷新页面的情况下，重新去请求数据，会出现上次渲染的覆盖物还会留在地图上。这个时候只有刷新页面重新渲染dom才可以。解决的办法：在重新请求数据的时候定义一个getlists getlists: 1, // 判断重新请求数据的时候删除上次的覆盖物接下来在请求数据的时候把getlists 赋值为2， this.getlists = 2;最后在渲染的地方进行判断，当等于2的时候 remove,清除上次留下的覆盖物...

2022-02-18 15:54:17 2772

原创 vue 接口500 时跳转页面样式

之前的文章有写过拦截，下面看代码<template> <div class="bor"> <div class="main"> <div class="main_cen"> <div class="le"> <p class="le_le">500</p> <div class="le_ri"> &...

2022-02-17 10:38:45 736

原创 vue刷新页面的三种方式，并处理死循环

vue页面刷新的办法和处理页面重复循环。先写一下刷新页面的方法，解决循环放在下边。1.直接使用刷新当前页面，会有短暂白屏，体验效果不好location.reload();2.通过路由传入0，刷新当前页面。忽悠短暂白屏，体验效果不好this.$router.go(0);3.通过provide / inject组合，这个体验感是最好的！第一步：先在App.vue里给 <router-view> 加一个 if 判断，通过 $nextTick()实现先移除再添加达到刷新的

2022-02-17 09:48:45 5448

原创 vue请求接口报错500，进行拦截提示服务器错误

写一个拦截器。先创建一个utils文件，在文件夹内新建js文件写入以下代码（直接复制即可）import Axios from "axios";import router from "../router/index";// 请求拦截器Axios.interceptors.request.use( config => { // 发送请求之前可以在这里写一些东西 return config; }, error => { // 请求报错的时候做一些事...

2022-02-11 14:11:39 8842

原创 vue高德地图省市区，区域划分。district.search 一直报no_data

// 创建地图 renderBmap() { this.bmap = new AMap.Map("container", { resizeEnable: true, // 是否监控地图容器尺寸变化 zoom: 12, // 初始化地图层级 // center: [121.470584, 31.403409], // 初始化地图中心点 center: [120.565127, 30.630375], }...

2022-01-26 14:59:41 5058 9

原创 vue实现某个容器全屏，地图全屏等等

template里面<div id="maps"> <div id="container"> <div class="map-mask"></div> </div></div><button @click="qp">全屏</button>data里面 FullScreen: false, // 是否全屏methods里面qp() { // le...

2022-01-10 10:08:28 799

原创 vue+element ui+oss上传删除下载图片

在vue项目中上传图片到oss ，并有删除下载功能先在index.html里引入oss<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>下面看详细代码<template> <div> <div class="container"> <div class.

2021-12-14 15:33:08 1481

原创前端vue地图自动定位当前位置

在index.html引入高德地图文件<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /><script src="https://webapi.amap.com/maps？v=1.4.15&key='key值'&plugin=AMap.DistrictSearch"></script><s

2021-12-14 15:13:14 2306

Zzzzzzzzzzzke的博客