- vue3.0 keep-alive 缓存指定页面
vue3.0keep-alive缓存指定页面**vue2.0和vue3.0keep-alive写法是有区别,不要太过于依赖AI**!!!!vue2的写法(不适用于vue3)<keep-alive><router-viewv-if="$route.meta.keepAlive"></router-view></keep-alive><router-viewv-if="!$route.met......
- vue3路由跳转页面不回顶部问题
因为vue-router的跳转默认是保持原先的滚动位置,并不会自动回滚到顶部,所以需要在createRouter的时候配置一下。不废话~constrouter=createRouter({//history:createWebHistory(),history:createWebHashHistory(),routes,scrollBehavior(to,from,savedPosition......
- vxe-table 实现行高拖拽功能
vxe-table实现行高拖拽功能,需要注意更新到最新版本才支持该功能官网:https://vxetable.cn通过row-config.resizable和row-resize启用行高拖拽功能;当需要多列允许触发行高拖拽时,通过row-resize指定任意列<template><div><vxe-gridv-bind="gridOptions"></vxe-......
- vue3+ts展示条项字段
展示条项组件:<el-formv-if="currentStep===4"label-position="left"label-width="120px"style="display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:138px;"><el-rowv-for="(row,r......
- 项目开发实践——基于SpringBoot+Vue3实现的在线考试系统(六)
文章目录一、考试管理模块实现1、添加考试功能实现1.1页面设计1.2前端功能实现1.3后端功能实现1.4效果展示2、考试管理功能实现2.1页面设计2.2前端功能实现2.3后端功能实现2.3.1后端查询接口实现2.3.2后端编辑接口实现2.3.3后端删除接......
- 拖拽去除元素
<head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title&......
- 64.在Vue3中使用OpenLayers显示带箭头的线段,箭头居中
在WebGIS开发中,使用OpenLayers渲染地图和矢量图形是常见的需求。今天我们来实现一个效果:在Vue3项目中,使用OpenLayers显示带箭头的线段,并让箭头居中。项目环境和技术栈Vue3+CompositionAPIOpenLayersVite构建工具实现效果我们将绘制一条由多个坐标点构成的线......
- qiankun微前端——接入子应用Vue3+vite实现
qiankun:乾坤微前端框架什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently.–MicroFrontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术......
- Canvas简历编辑器-选中绘制与拖拽多选交互方案
Canvas简历编辑器-选中绘制与拖拽多选交互方案在之前我们聊了聊如何基于Canvas与基本事件组合实现了轻量级DOM,并且在此基础上实现了如何进行管理事件以及多层级渲染的能力设计。那么此时我们就依然在轻量级DOM的基础上,关注于实现选中绘制与拖拽多选交互设计。在线编辑:https:/......
- vue3 + arcgis.js4.x---FeatureLayer(实现文本+图标)
之前做arcgis.js开发的时候一直使用的是TextSymbol+SimpleMarkerSymbol实现的也就是一条数据打两个点(一个坐标点一个文本点)这种操作实在非常鸡肋;学会了FeatureLayer之后发现实现该功能非常简单constLayerView=newFeatureLayer({source:[newGraphic({......