51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

Vue之ElementUI导航菜单
参考如下：https://element.eleme.io/#/zh-CN/component/menu先直接遍历路由列表，显示需要显示的导航元素。 <el-menu :default-active="$route.path" mode="horizontal" @select="handleSelect"> <template v-for="(ite...
Vue
原创
wx58c63c4796010
2021-07-14 11:43:29
2269阅读

基于Vue.js的ElementUI
一、ElementUI (介绍)官网地址 http://element-cn.eleme.io/#/zh-CN让页面设计变得简单，快速开发 <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-...
数据
表单
常用组件
配置管理
定时任务
原创
家乡的落日
2021-08-26 10:00:06
979阅读

vue.js教程侧边栏 vue侧边菜单栏导航
侧边菜单栏和导航栏的初步编写侧边菜单栏首先在componects/文件夹下建立新文件NavgationMenu.vue其中vue文件template部分如下：<template> <div id="NavigationMenu"> <el-menu id="el-menu" default-active="2"
导航栏
ico
菜单栏
转载
epeppanda
2023-05-22 16:53:06
1866阅读

elementui横向多级导航 elementui导航栏菜单
先上效果图↓↓↓目前我们要做的效果就是左边这一块因为是基于elementUI的，所以需要先下载elementUI的依赖，老手可忽略npm i element-ui -S同时还需要用到vuex，用于控制头部标签与左边菜单栏的同步操作 安装vuex依赖npm install vuex --save如果你是小白，请先学会vuex的使用目前的功能没有使用到vuex，后续功能会用到，所以目前vuex可以忽略
elementui横向多级导航
vue
elementui
vue.js
ico
转载
lemon
2024-05-04 17:22:31
221阅读

elementui顶部导航菜单
【Material Design视觉设计语言】章节列表【Material Design视觉设计语言】开篇 【Material Design视觉设计语言】Material Design设计概述 【Material Design视觉设计语言】应用布局设计 【Material Design视觉设计语言】应用自适应布局 【Material Design视觉设计语言】应用样式设计 【Material Des
elementui顶部导航菜单
ui
移动开发
人工智能
视觉设计
转载
小咪咪
1月前
379阅读

elementuiplus 横向菜单 elementui菜单导航
一.Mockjs什么是Mock.js Mock.js的优缺点 安装配置Mock.js引入jsdev.env.js 编辑引入 prod.env.js 导依赖导入json数据造数据 测试结果编辑 二. 总线什么是总线 导入组件编写路由跳转主页编写AppMain 编写LeftNav 编写TopNav一.Mockjs
elementuiplus 横向菜单
elementui
前端
javascript
数据
转载
GhostLover
2024-07-10 16:59:10
67阅读

elementui 折叠导航菜单 表格
MUIMUI概述：MUI是一款APP的前端框架 进入官网可以浏览更加全面的APIMUI官网特点： 追求性能体验，是启动MUI项目的首要目标，轻量必然是重要特征； MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K第一个MUI项目：打开HBuilder，右键新建项目选择APP，选择带有mui项目的模板就可以生成第一个mui项目 创建好后自动生成一些文件 打开首页后里面自动
elementui 折叠导航菜单 表格
ico
官网
html
转载
mob64ca140530fb
10月前
90阅读

elementui导航内容占据页面 elementui导航菜单怎么跳转
文章目录vue elementui navmenu 多级导航菜单路由跳转(一)组件（NavMenu.vue）调用（app.vue）路由跳转(二)水平效果图区别问题1 刷新页面2 非最后一层,点击可跳转路由3 水平菜单点击多路由时，有轮廓4 刷新不折叠导航5 水平菜单过长，可滚动6 垂直菜单过长，可滚动 vue elementui navmenu 多级导航菜单路由跳转(一)el-menu标签中的r
elementui导航内容占据页面
vue
element
navmenu
ico
转载
mob64ca140eb362
2024-07-03 08:50:23
196阅读

vue.js 实现垂直菜单分类栏目
# Vue.js 实现垂直菜单分类栏目 ## 简介 在这篇文章中，我将教会你如何使用 Vue.js 实现一个垂直的菜单分类栏目。我们将使用 Vue.js 的组件化开发，这将使你的代码更加模块化和可重用。 ## 整体流程 下面是实现这个功能的整体流程： | 步骤 | 描述 | | --- | --- | | 1 | 创建一个 Vue 实例 | | 2 | 定义一个菜单组件 | | 3 | 在
Vue
菜单项
代码片段
原创
mob649e81586edc
2023-08-01 15:17:56
257阅读

vue.js的优势 vue vue.js
一、Vue.js是什么    Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如
vue.js的优势
前端
Vue
入门
NPM
转载
mob64ca14089531
1月前
433阅读

vue.js 使按钮靠右 vue实现右键菜单
　　今天分享的不是技术，今天给大家分享个插件，针对现有的vue右键菜单插件，大多数都是需要使用插件本身自定义的标签，很多地方不方便，可扩展性也很低，所以我决定写了一款自定义指令调用右键菜单（vuerightmenu）　　安装　　1 npm install rightmenu --save-dev  　　开始//main.js import vue from "vue"; im
vue.js 使按钮靠右
vue
右键菜单
右键插件
vue自定义右键菜单
转载
autohost
2023-07-06 23:37:09
551阅读

elementui vue 右键菜单
vue中，右键菜单组件v-contextmenu的使用1、效果右键菜单之禁用和子菜单2、流程第一步：安包npm install v-contextmenu --save-dev npm install --save vue-runtime-helpers第二步：引入src/main.jsimport contentmenu from 'v-contextmenu' import 'v-contex
elementui vue 右键菜单
vue.js
前端
javascript
ide
转载
mob64ca140a1f7c
2024-10-13 18:45:38
263阅读

vue elementui 动态菜单
精彩回顾如何实现H5可视化编辑器的实时预览和真机扫码预览功能在线IDE开发入门之从零实现一个在线代码编辑器基于React+Koa实现一个h5页面可视化编辑器－DooringTS核心知识点总结及项目实战案例分析前言本文是继 前端如何一键生成多维度数据可视化分析报表 实战的最后一篇文章, 主要介绍如何实现后台管理系统的权限路由和权限菜单. 希望通过这3篇文章的复盘和实战, 可以让大
vue elementui 动态菜单
vue项目的菜单权限判断的实现
h5
H5
数据
转载
mob64ca141834d3
9月前
39阅读

element 底部导航 elementui导航菜单怎么跳转
Vue如何实现el-menu与el-tabs联动，通过点击el-menu导航中的选项动态添加tab页面老规矩，先上效果图！ 达成这个效果，首先我们先了解下原理在el-menu中有一个属性router，开发文档中写的非常清晰，选择该属性后即开启路由跳转，即点击el-menu中的子选项后会进行页面跳转，但是你必须将需要跳转的路由地址写为跟组件的子路由地址，否则点击跳转后会直接跳向路由地址对应的页面，这
element 底部导航
vue
vue.js
javascript
css3
转载
mob64ca1400bfa8
2024-04-05 08:30:12
1292阅读

element菜单风格怎么设置 elementui菜单导航
目录编辑前言一、mockjs简介1. 什么是mockjs2. mockjs的用途3. 运用mockjs的优势二、安装与配置mockjs1. 安装mockjs2. 引入mockjs2.1 dev.env.js2.2  prod.env.js2.3 main.js三、mockjs的使用1. 将资源中的mock文件夹复制到src目录下2. 点击登陆进行模
element菜单风格怎么设置
elementui
前端
javascript
vue
转载
智能探索者
2024-06-17 20:42:14
69阅读

js和vue.js js和vue.js区别
Vue.js：Vue.js（是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性：I:
js和vue.js
vue.js
前端
javascript
Powered by 金山文档
转载
数据侠客行
2023-08-10 11:36:06
856阅读

Vue.js
Vue.js是对JavaScript进行了封装，语法风格和小程序很像，比如双大括号{{}}都是插值表达式。也许它们有相互借鉴的地方，所以说只要熟悉了一门语言，再学习其他语言就会融会贯通。 Vue的官方文档是https://cn.vuejs.org/v2/guide/ W3c的教程是https://w
Vue.js
html
ios
vue.js
解决方案
转载
mob60475704ea1a
2019-08-24 15:28:00
256阅读
2评论

Vue.js
1.Vue.js 1.1Vue.js介绍 1.1.1Vue.js是什么？ ​ Vue是一套用于构建用户见面的**渐进式框架。**与其他大型框架不同的是，Vue被设计为可以自底层向上逐层应用。 ​ Vue的核心库只关注视图层，不仅易于上手，还便于与第三方或既有项目整合。另一方面，当与现代化工具链以及各 ...
数据
html
ios
vue.js
ajax
转载
mb5fd86d5f5874e
2021-09-21 22:00:00
300阅读
2评论

vue.js
Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面。它主要用于创建单页面应用（SPA），但也可以作为一个库集成到现有项目中。Vue 提供了响应式数据绑定和组件化的开发模式，使得开发者可以高效地构建动态和交互性强的应用。主要特点：响应式数据绑定：Vue 的数据绑定系统使得数据和视图保持同步，改变数据会自动更新视图。组件化：通过组件，开发者可以将界面分解为可重用的片段，提高代码的
Vue
开发者
数据绑定
原创
wx66cd4af1479ee
2024-08-27 11:47:04
175阅读
1点赞

vue.js技术简介 vue.js原理
一、Vue.js是什么？渐进式框架。其设计为自底向上逐层应用。Vue只关心视图层。二、声明式的渲染模板语法来声明式地将数据渲染到DOM系统<div id="app"> {{ message }} </div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })输出：Hel
vue.js技术简介
vue.js
Vue
加载
html
转载
jacksky
2023-08-07 15:57:55
1616阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue.js的好处 vue.js优势

VUE.js

Vue.js（03）：Vue.js 模板语法

vue.js android vue.js android app

springboot vue.js springboot vue.js fastdfs

vue.js项目实战 vue.js教程

vue.js 指令 vue.js内置指令

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯