汪同学丶的博客

安装依赖npm install babel-plugin-component -Dnpm install @babel/preset-env -D修改babel.config.jsmodule.exports = { presets: [ '@vue/cli-plugin-babel/preset', ['@babel/preset-env', { 'modules': false }] ], 'plugins': [ [ 'component',

vue-cli相同路由不同query，页面不再执行生命周期跳转解决解决router-view加上属性：:key="$route.fullPath"

总结：Vue组件间的通信一、父子组件1、父组件传值属性传参，子组件props接收例：父组件：<div> <child val="val"></child></div>子组件：<script>export default { props: { val: { type: String, default:...

一、兄弟组件之间的传值传值逻辑：1、借助父组件作为中转站2、两个兄弟组件，组件1内部在需要传值给组件2的地方通过触发this.$emit('changeMapTypeHandle', 改变后的值)，将需要传给组件2的值进行传值3、父组件监听CHILDONECHANGE事件处理函数，拿到组件1通过$emit传给组件2的值进行存储给getChildOneChange4、组件2在父组件绑定ge...

1、文件路径问题config下的index.jsbuild下的assetsPublicPath: './'即当前路径前加.2、图片的路径问题找到build下的utils.jsif (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '....

在项目中运行npm audit fix --force删除 node_modules重新 yarn install 安装

基于vue集成mapboxgljs显示地图

基于vue 集成高德地图API获取定位数据

基于vuecli3.x集成cesiumjs并显示

vue + pdfjs-dist1、安装依赖npm install pdfjs-dist -S2、项目使用<template> <div class="pdf-container" v-if="showPdf"> <canvas v-for="page in pages" :id="'canvas' + page" :key="page">&lt...

基于vue集成less相关配置

前言由于项目实现存在多语言切换的需求，所以当前选择使用vuei18n这个库来实现。当前记录下实现过程以便后续查阅。步骤1、安装yarn add vue-i18n -S2、创建language1、在目录中找个位置新建language文件夹（我在utils工具文件夹内部创建）2、在language内部新建cn.js|en.js|hk.js（具体语言环境包 根据实际需求创建对应文件）// cn.jsexport default { message: { 'loginModule':

需求：通过其他工具前置切出来，并放在服务器目录下的tiff图片，项目需要在前端预览显示。 实现方式：基于vue+tiffjs实现