关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
前端互助会
2022-01-18 16:49
采纳率: 0%
浏览 36
首页
有问必答
已结题
vue中封装 横向滚动的导航条 怎么封装??
有问必答
前端
vue.js
vue中封装 横向滚动的导航条 怎么封装??
如图所示,封装一个导航条,是点击左侧菜单展示的,这个导航点击,路由还能跳转
收起
写回答
好问题
0
提建议
关注问题
微信扫一扫
点击复制链接
分享
邀请回答
编辑
收藏
删除
收藏
举报
2
条回答
默认
最新
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
归来巨星
新星创作者: 前端开发技术领域
2022-01-18 17:00
关注
参照element tabs 改一下吧
本回答被题主选为最佳回答
, 对您是否有帮助呢?
本回答被专家选为最佳回答
, 对您是否有帮助呢?
本回答被题主和专家选为最佳回答
, 对您是否有帮助呢?
解决
无用
评论
打赏
微信扫一扫
点击复制链接
分享
举报
评论
按下Enter换行,Ctrl+Enter发表内容
查看更多回答(1条)
向“C知道”追问
报告相同问题?
提交
关注问题
Vue
.js+cube-ui(Scroll组件)实现类似头条效果的
横向
滚动
导航条
2020-10-16 19:07
在
前端
开发
中
,
横向
滚动
导航条
是一种常见的交互形式,它允许用户通过滑动来浏览多个导航项,尤其适用于移动端项目,因为手机屏幕宽度有限,无法像PC端一样显示很长的
导航条
。实现
横向
滚动
导航条
可以提高用户体验,...
vue
中
封装
菜单栏Menu组件
2021-12-20 11:01
coding_于宴的博客
选
中
高亮底部条 切换子组件时菜单项的选
中
刷新页面时菜单项的选
中
实现代码: <div v-for="(item,index) in navList" :key="item.name"> <div class="navItem" @click="go(item.path, index)" :class...
Vue
3-
封装
一个导航栏组件
2021-09-13 12:02
丹丹呀~~的博客
在
Vue
3
中
封装
一个导航栏组件,并且实现,随着
滚动
条
滚动
实现一个吸顶效果 导航栏组件的效果图:
滚动
条
滚动
以后的吸顶效果示意图: 具体代码展示: <template> <header class="app-header"> ...
鼠标
横向
滚动
条和鼠标
滚动
方向
2024-07-31 16:50
DTcode7的博客
通过上述示例,我们可以看到如何有效地实现鼠标
横向
滚动
条和检测鼠标
滚动
方向,并将其应用于实际项目
中
。在 Web 页面设计
中
,
横向
滚动
条是指当页面的内容宽度超出视口宽度时出现的
滚动
条。希望您在这里可以感受到一...
android
横向
滚动
导航,仿今日头条
横向
滚动
导航栏--原生js
2021-05-26 07:10
羽漾月辰的博客
其实就是实现
横向
滑动,进行选择。原理:鼠标按下,获取当前鼠标坐标,作为起始坐标;鼠标移动,获取坐标,与起始坐标进行一系列的数学运算;给 left 赋值,改变位置;移动过多,超过时进行处理。function ...
Vue
3实战笔记(20)—
封装
头部导航组件
2024-05-14 11:05
~山花~的博客
Vue
3
封装
头部导航栏有助于提高代码复用性、统一风格、降低维护成本、提高可配置性和模块化程度,同时还可以实现动态渲染等功能,有利于项目开发和维护。
封装
头部导航栏可以确保整个项目的导航栏风格一致,提升用户...
在
vue
中
原生
封装
一个步骤条组件
2021-06-22 17:03
凌云的视界的博客
在项目
中
我们经常会遇到需要实现进度条、步骤条的效果,因此我在
vue
中
封装
了一个效果如上图的步骤条组件。 一、在src/components下新建一个process组件 1.html部分 <div class="showProcess"> <ul> &...
vue
项目
中
滚动
时导航吸顶效果(固定定位)
2021-07-16 22:06
奥特曼 的博客
什么是吸顶?... useWindowScroll() 是@
vue
use/core提供的api可返回当前页面
滚动
时候
滚动
条的 x
横向
,y纵向
vue
3.0组合API提供了更多逻辑代码
封装
的能力。@
vue
use/core 基于组合API
封装
好用的工具函数。
vue
中
使用递归组件创建导航菜单
2021-04-29 11:21
前端61的博客
概念 组件在它的模板内可以递归的调用自己,只要给组件设置...在父组件
中
定义一个要递归的数据(list数组),通过props传递给子组件 const vm = new
Vue
({ el: '#app', data: { msg: '我是来自父组件数据', list:
【原生实现
横向
步骤条,
横向
时间条】
2022-09-10 16:17
sun sun sun的博客
实现原生
横向
步骤条弄完了才知道el-steps 已经满足了需求,也懒得换上去,记录一下代码。
没有解决我的问题,
去提问
向专家提问
向AI提问
付费问答(悬赏)服务下线公告
◇ 用户帮助中心
◇ 新手如何提问
◇ 奖惩公告
问题事件
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
已结题
(查看结题原因)
1月21日
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
创建了问题
1月18日