xzg199153的博客

Vscode 中vetur设置，让代码变得更美观

组件中所有用到的：数据、方法、计算属性、监视属性、生命周期钩子都可以配置在setup中

​项目有个需求，就是我们加载一个市级行政区划图层，当我们鼠标经过某个县级的时候，当前县显示高亮， mapbox官网有个例子，找了好久才解决。当时我用错了鼠标事件，鼠标进入图层是有两个事件的，一个是mouseenter，一个是mousemove，当时我用的是mouseente，导致鼠标每次进入县A的时候图层可以高亮，但是由县A进去到县B的时候却没有效果。后面查阅资料才知道，​...

使用查看@vue/cli版本，确保@vue/cli版本在4.5.0以上

div class="wrap"> <!-- <video class="video" muted autoplay controls ref="player"></video> --> <video class="video" muted autoplay ref="player" @dblclick="fullScreenFun"></video> </div>1、让元素实现全屏ful...

//父组件中import fireDetailsDialog from "./fireDetailsDialog.vue";<!-- 火情详情弹框 --> <fire-details-dialog :fireData="fireData" :panelShow.sync="panelShow" ></fire-details-dialog>在父组件data中定义一个panelShow属性默认值为flse,当点...

在mapbox中当我点击某个列表，需要获取到当前列表项的经纬度，然后在地图中显示这个注记，点击注记的时候，获取到这个注记的属性，在弹框中显示，大家就会想到mapboxgl.Popup来实现，但是想要在mapbox中添加弹框需要动态创建元素，给元素添加属性，动态创建的元素在Vue中会导致事件的丢失，不能直接使用 Vue提供的 @click等等，下面有一个好的方式会变得特别简单。import recordDialog from './recordDialog.vue' //导入这个组件框...

当我们通过npm安装插件的时候，有时候插件和当前webpack版本有冲突，那么如何查看当前插件有哪些版本呢？如下：npm view less-loader versions

原生的JS中给元素绑定点击事件是通过操作DOM，获取到这个元素，然后通过addEventListener来绑定点击事件，在Vue中不推荐操作DOM的这种方式，由于是动态生成的元素通过@click是没有效果的，那么有什么方式可以实现相同效果呢？/**这里利用了事件总线，代码如下：*/const install = function (Vue) { const Bus = new Vue({ methods: { em...

POST导出配置： 首先需要配置post请求的responseType为blob 返回的是文件流 代码如下：export function exportUrl(data) { return request({ url: '/animalCare/management/uploadPath', method: 'post', data: data, responseType: 'bl...

目前我们做的这个PC端后管项目需要做适配，如果没有做适配的话，在缩放的时候会出现布局错位的问题，解决方法如下：

定义一个默认的请求路径，默认的请求路径是通过项目开发环境来决定，我们可以通过node.js中process.env.NODE_ENV来判断所处项目是处于什么开发环境，process.env.NODE_ENV == "production" 说明当前是生产环境，否则就是开发环境。