您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 一个使用vue加css动画制作的menu

  2. 这是一个使用vue加css动画制作的menu,基于其他插件改写成vue的实现方式,可以用作菜单导航栏,后期加上vue-router,稍后把详细教程写在博客里
  3. 所属分类:其它

    • 发布日期:2019-08-10
    • 文件大小:510976
    • 提供者:weixin_39841882
  1. Vue实现导航栏菜单

  2. 主要为大家详细介绍了Vue实现导航栏菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  3. 所属分类:其它

    • 发布日期:2020-10-14
    • 文件大小:44032
    • 提供者:weixin_38627769
  1. Vue实现导航栏菜单

  2. 本文实例为大家分享了Vue实现导航栏菜单的具体代码,供大家参考,具体内容如下
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:40960
    • 提供者:weixin_38501826
  1. Vue侧滑菜单组件——DrawerLayout

  2. 本文介绍一个简单的DrawerLayout(类似Android的DrawerLayout)布局组件的实现,基于Vue.js。介绍的内容已经制作成 vue-drawer-layout 组件。 前言 大家有兴趣先用手机扫一扫这个二维码,或者点我 然后点击页面中左上角的头像打开drawer或者向右向左拖拽,就可以看到下面gif的效果,打开自己的手机QQ,是不是很像:)   谷歌官方把这种布局叫做DrawerLayout(抽屉式导航栏)。那么我们要如何实现呢,好了正片开始! HTML结构 页面结构很简单
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:130048
    • 提供者:weixin_38630853
  1. element-ui 实现响应式导航栏的示例代码

  2. 开始之前 按照计划,前端使用Vue.js+Element UI,但在设计导航栏时,发现element没有提供传统意义上的页面顶部导航栏组件,只有一个可以用在很多需要选择tab场景的导航菜单,便决定在其基础上改造,由于我认为实现移动端良好的体验是必须的,所以便萌生了给其增加响应式功能的想法。 需求分析与拆解 假设我们的导航栏有logo和四个el-menu-item。 给window绑定监听事件,当宽度小于a时,四个链接全部放入右侧el-submenu的子菜单: 当宽度大于a时,右侧el-
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:97280
    • 提供者:weixin_38651929
  1. Vue iview-admin框架二级菜单改为三级菜单的方法

  2. 最近在用 iview-admin的Vue后台模板,从git上下载后发现左侧导航栏最多支持到二级菜单,也发现很多童鞋在问如何实现三级菜单。在实际的应用场景中还是会出现三级菜单的需求的,木有其他好办法,只能自己手动改代码了。 1. 第一步:首先改写VUE中的模板,修改sidebarMenu.vue文件,文件具体目录建下图: 将Menu导航菜单组件的的二级嵌套结构改为三级嵌套,无非就是判断二级路由页面下是否有children属性及是否含有子元素,有的话直接v-for循环生成子元素标签,新结构如下:
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:128000
    • 提供者:weixin_38617413
  1. vue导航栏部分的动态渲染实例

  2. 根据公司项目的需求,使用的是element-ui的nav-menu组件实现动态渲染左侧导航条的功能,这里我只写到了四级菜单。 代码部分: <el-submenu v-if='item.childs' :index='item.name' :route = 'item.value' class='edit_wrapper' mouseover.native="overShow" mous
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:61440
    • 提供者:weixin_38538381
  1. WFE-Conf:2018.09.16西安Web前端大会原始码-源码

  2. FCC西安WFE-Conf需求文档(简版) 本次Web-Conf活动页面,整体以移动端显示效果优先,适度优化PC端显示效果。基础采用MUI框架相关组件,采用Vue.js开发。 0.导航栏标题 顶部固定标题,支持响应式,在小屏幕分辨率下变成汉堡状菜单。 1.主题图文 实现方案:初步参照没有UI设计活动主题图的预定下,采用背景图为小图重复拆分,文本采用CSS定位方式实现。 替代方案:YL联系Miya,预计相关设计图稿,后续可以替换。 2.大会简介 突出大会相关主题,填充相关文案。 3.分享嘉宾 以头
  3. 所属分类:其它

    • 发布日期:2021-03-23
    • 文件大小:580608
    • 提供者:weixin_42165583
  1. vue使用ElementUI时导航栏默认展开功能的实现

  2. 本文主要参考: http://element.eleme.io/#/zh-CN/component/menu 在使用elementUI的时候发现,能够展开的导航栏是不能展开的,效果这里先不演示了。可以在上边的网站上看到。 现在有这样的需求,就是说,默认的时候需要展开这些导航,就是一打开界面的时候就能够显示导航里面的菜单内容。 具体操作是这样的: [removed][removed] [removed][removed] <div id
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:35840
    • 提供者:weixin_38546846
  1. 在vue中实现某一些路由页面隐藏导航栏的功能操作

  2. 为了将导航栏显示在每一个页面中,可以将导航栏与放在同一级显示,如下: ... 但是,在某些时候,我们需要隐藏导航栏显示,比如登录界面,为了实现导航栏的隐藏,可以使用如下代码: ... 这样就可以实现隐藏导航栏。 补充知识:vue+el-menu实现路由刷新和导航栏菜单状态保持(局部刷新页面) 一、菜单项激活状态
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:75776
    • 提供者:weixin_38625184
  1. Vue侧滑菜单组件——DrawerLayout

  2. 本文介绍一个简单的DrawerLayout(类似Android的DrawerLayout)布局组件的实现,基于Vue.js。介绍的内容已经制作成 vue-drawer-layout 组件。 前言 大家有兴趣先用手机扫一扫这个二维码,或者点我 然后点击页面中左上角的头像打开drawer或者向右向左拖拽,就可以看到下面gif的效果,打开自己的手机QQ,是不是很像:)   谷歌官方把这种布局叫做DrawerLayout(抽屉式导航栏)。那么我们要如何实现呢,好了正片开始! HTML结构 页面结构很简单
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:130048
    • 提供者:weixin_38738511
  1. vue实现两个组件之间数据共享和修改操作

  2. 我们在使用vue开发过程中会遇到这样的情况,在父组件中引入了子组件,需要将父组件的值传到子组件中显示,同时子组件还可以更改父组件的值。 以我目前的一个项目的开发为例,如下图页面: 在父组件中,我引入了两个子组件,一个是左边的导航栏,还有中间的一个富文本编译器组件,当我点击左边导航栏时,中间的页面会切换,也就是改变引入的子组件。 怎么实现呢,首先,设置在该页面index.vue中设置一个变量index,左边导航栏每一项也对应一个index值,导航菜单绑定select函数,select=”hand
  3. 所属分类:其它

    • 发布日期:2021-01-18
    • 文件大小:209920
    • 提供者:weixin_38617851