Git Product home page Git Product logo

vue-el-dashboard's Introduction

注意目前这个项目是使用vue-cli 2x版本构建的,很多模块都已经废弃了。建议看看最新版的demo, https://github.com/wangduanduan/v3-el-dashboard 最新版的demo增加了以下内容:

  • 使用vue-cli 3x
  • 使用vuex
  • 增加多标签页来控制控制路由

最新版截图

2. 初步教程

阅读第一部分文档

第一部分使用到的技术点:

  • Vue
  • Vue-router
  • Element-ui
  • webpack
  • Normalize.css
  • vue-awesome
  • babel
  • 路由懒加载

3. 增加Vuex与tab页切换效果

  • Vuex

vue-el-dashboard's People

Contributors

wangduanduan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

vue-el-dashboard's Issues

router无法跳转

我跟你的demo差不多!但是我没有用懒加载,最后发现地址栏可以改变,但是router-view无法跳转,也不会更新内容,也没有任何报错!能否给解释一下!
image
image
image这是几个主要的文件截图

如果显示默认的第一个子菜单的内容该怎么写呢?

你好,你的方法很好用,把在 router 下一个个导入的路由给循环出来了,非常方便。
可是我现在有一个困惑,继续使用你的方法的情况下:

1.那如果我想显示 Sidebar 中第一个菜单呢,应该怎么写?
2.如果有其它的路由的情况下,又该怎么写呢?

默认情况下 router 是这样子的
export default new Router({
routes: [
{
path: '/',
name: 'sidebar',
component: Sidebar
}
]
})
对吧?
那你这个例子里直接将 router 返回为一个数组
var routes = [];
export default new Router({ routes })

烦指点一下,谢谢!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.