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

搜索资源列表

  1. vuek框架结构设计及左侧菜单右侧内容显示

  2. 环境配置 Node 下载地址http://nodejs.cn/ 安装文件下有一个绿色的图片交node.exe 点击运行 输入node -v进行检测是否安装成功 使用vue-cli(脚手架)搭建项目 vue-cli是vue官方提供的用域搭建基于vue+webpack_es6项目的脚手架工具 在线文档:https://github.com/vuejs/vue-cli 操作: 1.npm install -g vue-cli:全局下载工具 2.vue init webpack 项目名:下载基于web
  3. 所属分类:Web开发

    • 发布日期:2019-08-16
    • 文件大小:39845888
    • 提供者:jh_smile
  1. vue element 生成无线级左侧菜单的实现代码

  2. 主要介绍了vue element 生成无线级左侧菜单的实现代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-16
    • 文件大小:47104
    • 提供者:weixin_38670529
  1. vue Element左侧无限级菜单实现

  2. 主要介绍了vue Element左侧无限级菜单实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:62464
    • 提供者:weixin_38601390
  1. vue+iview框架实现左侧动态菜单功能的示例代码

  2. 主要介绍了vue+iview框架实现左侧动态菜单功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:100352
    • 提供者:weixin_38675815
  1. 通过vue刷新左侧菜单栏操作

  2. 主要介绍了通过vue刷新左侧菜单栏操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-14
    • 文件大小:160768
    • 提供者:weixin_38654855
  1. vue.js 左侧二级菜单显示与隐藏切换的实例代码

  2. 主要介绍了vue.js 左侧二级菜单显示与隐藏切换的实例代码,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-19
    • 文件大小:34816
    • 提供者:weixin_38587705
  1. vue左侧菜单,树形图递归实现代码

  2. 主要介绍了vue左侧菜单,树形图递归实现代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-18
    • 文件大小:50176
    • 提供者:weixin_38590309
  1. Vue弹出菜单功能的实现代码

  2. 主要介绍了Vue左侧底部弹出菜单功能的实现代码,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-18
    • 文件大小:69632
    • 提供者:weixin_38640168
  1. 详解VUE Element-UI多级菜单动态渲染的组件

  2. 主要介绍了VUE Element-UI多级菜单动态渲染的组件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:51200
    • 提供者:weixin_38663701
  1. 关于vue 结合原生js 解决echarts resize问题

  2. 解决页面echarts 图表 resize问题 左侧的菜单栏模块是可以收缩的,点击左上角的 icon 可以收缩,但是点击左上角的icon后,右侧的echarts图并未进行对应的收缩,使用 element-resize-detector 插件能够解决问题(如何解决Vue项目中使用echarts,宽度变化导致图不能resize问题)但是会有点卡顿,所以采用原生的方法来处理,再结合windows 自带的原生 resize 事件处理 浏览器宽度高度变化,可以不使用插件来处理问题了。 <di
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:80896
    • 提供者:weixin_38746951
  1. vue+iview框架实现左侧动态菜单功能的示例代码

  2. 最近在使用vue-cli3配合iview框架搭建新的项目中用到了iview中的menu菜单,按照官网写法固定不太好,因为一般项目都是从后端动态获取菜单列表,所以我们需要将官网代码稍作修改,代码如下: 注意事项: 【1】菜单高亮部分动态绑定路由跳转的页面 Menu组件中有一个active-name反映的是当前高亮区域,因此可以动态的绑定active-name来实现高亮显示。前提是需要将MenuItem绑定的name也设置成页面路由的name 【2】动态获取菜单数据,需要更新菜单 this.$
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:93184
    • 提供者:weixin_38746293
  1. 通过vue刷新左侧菜单栏操作

  2. 今天完成了手头任务就想着做点什么,刚好领导让我看看项目左侧菜单栏不刷新的问题,我也是刚刚接触vue,很多东西都还不是很熟练,这也是我的第一篇自己写的博客,感觉还是很兴奋的,我觉得写博客这个习惯要一直养成,不但总结了自己一天的工作所得,而且也是对自己的一种良好习惯的养成。 下面进入正题。 这个是我们html里面的超链接,而我们的点击事件的跳转就是通过这个超链接实现的。 然后我们要创建一个js文件,将我们要跳转的路径导入 import
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:159744
    • 提供者:weixin_38602982
  1. 浅谈vue权限管理实现及流程

  2. 一、整体思路 后端返回用户权限,前端根据用户权限处理得到左侧菜单;所有路由在前端定义好,根据后端返回的用户权限筛选出需要挂载的路由,然后使用 addRoutes 动态挂载路由。 二、实现要点 (1)路由定义,分为初始路由和动态路由,一般来说初始路由只有 login,其他路由都挂载在 home 路由之下需要动态挂载。 (2)用户登录,登录成功之后得到 token,保存在 sessionStorage,跳转到 home,此时会进入路由拦截根据 token 获取用户权限列表。 (3)全局路由拦截,
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:102400
    • 提供者:weixin_38614812
  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. vue element 生成无线级左侧菜单的实现代码

  2. 首先来总结element ui 官方文档的左侧菜单结构,带有el-submenu为子级节点,el-menu-item表示没有下级。当然,菜单不能写死,因为菜单也许不止两级,所以我们需要递归来实现。根据当前节点是否有下级去判断,如果有下级,则继续调用子级,直到没有下级为止,下面我贴上左侧菜单所有的代码: 请求数据格式 [ { name: "首页", id: -1, icon: "el-icon-picture-outline-round", url: "/i
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:59392
    • 提供者:weixin_38606656
  1. Vue.js 图标选择组件实践详解

  2. 本文介绍了Vue.js 图标选择组件实践详解,分享给大家,具体如下: 背景 最近项目中在做一个自定义菜单需求,其中有一个为菜单设置小图标的功能,就是大家常见的左侧菜单 设置图标不难,方案就是字体图标,可供使用的图标库也有很多,比如阿里巴巴的 Iconfont,以及 Fontaswsome 等,问题在于如何优雅的提供几百个图标供用户选择,而不需要开发去一个一个的写标签,也不需要一个个的去找图标。 字体图标库 Fontawesome 方案 我们使用字体图标的方式,一般是一个   这样的标签,平
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:1048576
    • 提供者:weixin_38548421
  1. 基于djangorestframework + vue.js的DB平台-源码

  2. Journey DB平台 功能简介 全局管理 系统配置:配置平台邮件服务,后期系统相关配置集成于此 系统日志:用户操作相关日志 用户权限 菜单路由:菜单路由配置,配置左侧菜单及子路由(内部跳转使用),路由均需与前端路由一致 接口权限:接口权限配置,配置后端接口请求权限(get,post,patch,del) 用户组:用户所属用户组,便于公司内部人员分组,跟其他功能无相关 角色:角色控制权限(通过用户->角色->权限),默认新用户只可访问仪表盘,超级用户,可访问所有权限 用户:用户管理
  3. 所属分类:其它

    • 发布日期:2021-01-27
    • 文件大小:2097152
    • 提供者:weixin_38752897
  1. vue左右侧联动滚动的实现代码

  2. 本文介绍了vue左右侧联动滚动的实现代码,分享给大家,具体如下: 实现功能: 点击左侧,右侧滚动到相应位置, 滚动右侧, 左侧滚动到相应位置 布局结构: 开源滚动库: better-scroll.js 技术要点: 1.是对紧邻的元素生效 如: 初始化在元素上 2.foods-wrapper的高度小于content高度时才会发生滚动 3.点击左侧菜单列表时,只需要计算右侧对应的偏移距离
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:100352
    • 提供者:weixin_38751016
  1. vue左侧菜单,树形图递归实现代码

  2. 学习vue有一段时间了,最近使用vue做了一套后台管理系统,左侧菜单需求是这样的,可以多层,数据由后台传递。也因为自己对官方文档的不熟悉使得自己踩了不少坑,今天写出来和大家一起分享。 效果图如下所示: 先说说遇到的坑,由于是子父组件,当时传递使用的是子父组件的传递,但是这时候只能获取到第一层的数据,第二层往后获取不到数据,踩了一下午坑以后才知道,子组件使用了递归组件,这时候他已经不能往父组件传递了,子传父,只能逐层传递这时候已经隔层了,所以我使用了非子父组件传递,两个页面都引入bus.js,这
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:65536
    • 提供者:weixin_38668754
« 12 »