Vue
关注
分享
扫一扫
想念如果有声音___
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue3 forEach 或者 map中使用splice删除数组元素错误问题
vue3 forEach 或者 map中使用splice删除数组元素错误问题原创 2023-02-27 19:18:17 · 4227 阅读 · 1 评论 -
高德地图清除上一次操作遗留的Polygon覆盖物
首先先说我目前的场景。我目前项目中：一个地图划分了很多区块，每个区块都是Polygon覆盖物，用来制作鼠标滑动高亮效果。同时点击项目其他地方某处，也会在覆盖物上显示一个小方块，这个小方块我也是使用Polygon做的。1. 项目痛点我目前项目中：一个地图划分了很多区块，每个区块都是Polygon覆盖物，用来制作鼠标滑动高亮效果。同时点击项目其他地方某处，也会在覆盖物上显示一个小方块，这个小方块我也是使用Polygon做的。如下图：高亮区域和白色方块区域都是覆盖物。我重新添加白色方块覆盖物的时候会.原创 2021-05-19 19:24:25 · 5584 阅读 · 8 评论 -
Vue-Cli4.x配置开发环境、生产环境、测试环境接口。
一个项目的开发环境接口、测试环境接口、生产环境接口都是不一样的。每次打包之前手动去更改肯定是不利于维护的。因此下文介绍Vue-Cli4.x的接口配置。1. 各环境介绍development 开发环境production 生产环境test 测试环境2. 新建文件在项目根目录下根据上述3个环境分别创建文件..env.developmen 开发环境.env.production 生产环境·.env.test` 测试环境下图为创建之后的图片。3. 各文件内容编写.env.d.原创 2021-05-13 14:52:54 · 1226 阅读 · 0 评论 -
高德地图清除巡航播放轨迹
近期在做地图项目，利用的是高德地图API。遇到了一些问题。在此记录下来。问题描述动态生成的轨迹利用setData来设置数据，同样我们可以利用这个方法来清除数据。以下只展示相关代码，自己本身业务相关代码不做展示。代码如下： trackInit() { // 重要！！！ 就是它起到清除数据的作用。注意它放在方法的最顶部 if (window.pathSimplifierIns) { //通过该方法清空上次传入的轨迹 pathSimplifierIns.set.原创 2021-04-29 17:43:45 · 1758 阅读 · 0 评论 -
解决ElementUI下拉框宽度过长问题
相信不少人在使用ElementUI的el-select组件都会遇到下拉框宽度过长的问题。以下是解决方案。 <template> <div> // 省略若干无关代码 <el-select @focus = 'setMinWidthEmpty' style = 'width: 200px' // 其他属性 xxxx > <el-option // 其他属性xxx ></el-o.原创 2021-04-23 10:59:00 · 6098 阅读 · 0 评论 -
vue-cli2.9.6升级到vue-cli4.xx
之前学习vue的时候就用的是2.9.6的版本，一直没换过，今天想升级一下，毕竟已经到了4.xx了。本节记录升级步骤。一： 查看本地vue-cli版本号升级前可以查看一下自己本地的版本，使用vue --version二： 卸载本地vue-cli版本卸载本地版本：npm uninstall -g vue-cli三： 下载vue-cli最新版本自3.0版本后，官方声明这个工具改名为@vue/cli。。所以应该使用：npm install -g @vue/cli 或 yarn install -g .原创 2021-03-22 15:20:37 · 921 阅读 · 0 评论 -
HTML页面向Vue页面传值
一些传统的项目一般还是以.html为主。但是难免会有.html页面向vue项目传值的场景。本节将介绍html项目利用JavaScript向vue项目传值。1：HTML页面传递事件可以随便写一个用于跳转的事件。如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I.原创 2021-02-26 14:17:39 · 3867 阅读 · 5 评论 -
Vue移动端仿APP左右滑动前进后退效果
很多APP的前进和后退都是有效果的。例如前进是左滑，后退是右滑。本文将介绍如何使用Vue来做这个效果。本文实现这个效果的原理很简单。即：在各个页面定义层级，在切换路由判断用户是进入哪一层页面，如果用户进入更高层的页面那么就做前进动画，反之做后退动画。1. 首先进行路由配置进入router.js文件 import Vue from 'vue' import Router from 'vue-router' // 下面组件自行定义 import Home1 from '@/home1' imp.原创 2021-01-27 15:24:40 · 2008 阅读 · 3 评论 -
npm install --save 和 npm install --save-dev 的区别
// 几种安装方式的区别// 1. 安装到项目目录node_module。不会添加任何依赖。(不会写入package.json)npm install axios// 2. 安装到全局。磁盘目录为配置的npm config prefix处npm install -g axios// 3.4 一样.安装到项目目录node_modules。添加依赖(写入package.json)。添加依赖的作用是：比如项目上传到git中。其他成员下载项目时会直接下载依赖中有的插件// 3. 生产环境下载的包。.原创 2020-12-01 15:10:35 · 497 阅读 · 0 评论 -
vue学习记录 第一章 初始vue
首先要你必须要去VUE官网上下载vue.js，然后才能继续下面的步骤。 如果你不想下载的话，在有网络环境的情况下，也可以选择绝对路径的vue.js。<script src="https://cdn.jsdelivr.net/npm/vue"></script>1当然，和vue的官网一样，不推荐新手直接安装vue-cli 因为那样很容易把你绕晕。当然，如果你对node.js的...原创 2018-03-16 16:46:09 · 180 阅读 · 0 评论