2024年10月24日

vue - 自定义吸附窗口

摘要: 业务需求 以共享单车界面为例,地图上分布着大量的共享单车,鼠标悬浮在单车上,弹出一个吸附弹窗,内容显示单车详细信息。 分析 很明显,因为单车的数量可能非常多,我们不可能用显示隐藏的方式实现; 合理的做法是,所有单车公用一个弹窗面板,悬浮的时候刷新面板上的数据。 方案 看着改吧,element-ui里 阅读全文

posted @ 2024-10-24 15:19 疯狂的妞妞 阅读(6) 评论(0) 推荐(0) 编辑

vue - 选项卡右击下拉框

摘要: 在 element-ui 环境下,给选项卡添加右击事件,是相当麻烦的一件事情, 主要是麻烦,很多东西都需要注意,并没有太多难点。 注意项 el-tabs 的右击事件 事件的名称是 contextmenu.prevent.native,这个很快就能找到,需要注意的是: 选项卡整个头部都能触发右击事件, 阅读全文

posted @ 2024-10-24 15:18 疯狂的妞妞 阅读(9) 评论(0) 推荐(0) 编辑

vue - 菜单栏联动选项卡

摘要: 在 vue 环境下,制作一个与菜单联动的选项卡(el-tabs)。 能看到这个文章,大体是有自己动手的打算了,这里给一下关键思路。 关键点 路由的设计 传统的选项卡设计,一般通过 iframe 实现,在 vue 环境中,则是使用 router-view。 问题是,一个界面上,同时存在多个 route 阅读全文

posted @ 2024-10-24 15:06 疯狂的妞妞 阅读(19) 评论(0) 推荐(0) 编辑

导航