![](https://img-blog.csdnimg.cn/f0fa5701c61e479fbebd4122fda7a657.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
文章平均质量分 50
做为国内最火的前端框架,也是找工作必须学会的技能,国人开发,通俗易懂,一定让你爱得不要不要的。
xiongzhonggang
这个作者很懒,什么都没留下…
展开
-
Vscode 中vetur设置,让代码变得更美观
Vscode 中vetur设置,让代码变得更美观原创 2022-06-16 10:39:13 · 3462 阅读 · 0 评论 -
vue3.0中setup如何使用
组件中所有用到的:数据、方法、计算属性、监视属性、生命周期钩子都可以配置在setup中原创 2022-06-16 08:04:50 · 765 阅读 · 0 评论 -
mapbox 鼠标经过图层高亮
项目有个需求,就是我们加载一个市级行政区划图层,当我们鼠标经过某个县级的时候,当前县显示高亮, mapbox官网有个例子,找了好久才解决。当时我用错了鼠标事件,鼠标进入图层是有两个事件的,一个是mouseenter,一个是mousemove,当时我用的是mouseente,导致鼠标每次进入县A的时候图层可以高亮,但是由县A进去到县B的时候却没有效果。后面查阅资料才知道,...原创 2022-06-15 14:08:31 · 989 阅读 · 0 评论 -
构建vue3.0工程两种方式
使用查看@vue/cli版本,确保@vue/cli版本在4.5.0以上原创 2022-06-12 18:30:54 · 170 阅读 · 0 评论 -
vue 让元素实现全屏效果
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...原创 2022-05-11 18:05:09 · 1193 阅读 · 0 评论 -
Vue中父组件如何控制子组件显示与隐藏
//父组件中import fireDetailsDialog from "./fireDetailsDialog.vue";<!-- 火情详情弹框 --> <fire-details-dialog :fireData="fireData" :panelShow.sync="panelShow" ></fire-details-dialog>在父组件data中定义一个panelShow属性默认值为flse,当点...原创 2022-04-16 13:36:49 · 3464 阅读 · 0 评论 -
Vue中使用mapboxgl添加地图弹框所遇到的问题
在mapbox中当我点击某个列表,需要获取到当前列表项的经纬度,然后在地图中显示这个注记,点击注记的时候,获取到这个注记的属性,在弹框中显示,大家就会想到mapboxgl.Popup来实现,但是想要在mapbox中添加弹框需要动态创建元素,给元素添加属性,动态创建的元素在Vue中会导致事件的丢失,不能直接使用 Vue提供的 @click等等,下面有一个好的方式会变得特别简单。import recordDialog from './recordDialog.vue' //导入这个组件框...原创 2022-03-28 14:09:22 · 1793 阅读 · 0 评论 -
如果通过npm命令查看插件所有版本
当我们通过npm安装插件的时候,有时候插件和当前webpack版本有冲突,那么如何查看当前插件有哪些版本呢?如下:npm view less-loader versions原创 2022-02-07 19:30:28 · 5343 阅读 · 0 评论 -
Vue中如何给动态生成的元素绑定点击事件
原生的JS中给元素绑定点击事件是通过操作DOM,获取到这个元素,然后通过addEventListener来绑定点击事件,在Vue中不推荐操作DOM的这种方式,由于是动态生成的元素通过@click是没有效果的,那么有什么方式可以实现相同效果呢?/**这里利用了事件总线,代码如下:*/const install = function (Vue) { const Bus = new Vue({ methods: { em...原创 2022-01-28 14:00:17 · 11445 阅读 · 0 评论 -
前端通过GET和POST实现导出的两种方式
POST导出配置: 首先需要配置post请求的responseType为blob 返回的是文件流 代码如下:export function exportUrl(data) { return request({ url: '/animalCare/management/uploadPath', method: 'post', data: data, responseType: 'bl...原创 2022-01-27 15:36:02 · 1970 阅读 · 0 评论 -
PC端如何设置rem屏幕适配
目前我们做的这个PC端后管项目需要做适配,如果没有做适配的话,在缩放的时候会出现布局错位的问题,解决方法如下:原创 2022-01-18 09:41:47 · 2597 阅读 · 0 评论 -
axios如何配置token和请求头
定义一个默认的请求路径,默认的请求路径是通过项目开发环境来决定,我们可以通过node.js中process.env.NODE_ENV来判断所处项目是处于什么开发环境,process.env.NODE_ENV == "production" 说明当前是生产环境,否则就是开发环境。原创 2022-01-17 22:35:27 · 5168 阅读 · 0 评论