taylorchen709 / vue-admin Goto Github PK

View Code? Open in Web Editor NEW

6.6K 6.6K 2.7K 16.12 MB

admin template based on vuejs2 and element.

Home Page: https://taylorchen709.github.io/vue-admin/

License: MIT License

JavaScript 44.40% HTML 0.31% Vue 55.24% SCSS 0.05%

vue-admin's People

Contributors

Stargazers

Watchers

Forkers

hyleong chenweihua robinfan cuulee tt244213968 tangkepeng vitamin-lin acdsign yxf006 cargoerp hezll scabwort lwgboy lingtal-fork cqhaibin gagaboy leo851211 jnan77 jerrwy wfshine tobyforever caize sessionliang wujiy hevin-lee zzpzhouzhipeng 5vbear maoyutofu flyingchickens corwien tinyking googlezhang jiuyuehe o0teamo0o wwb568109135 puma007 popotans eking zsg111 374565452 crossingmay edmundhuang grayliu makunsusu hym1884603 teo001 hedanto williamjie fewiki sunriseshow ihubcode xiaojiaobin zhangtaiwei qiaoding eakel hjpyh-ybxrz kira8565 zjzcn vosamo dystudio calmking tangbotaohn sys2007 zqstarmoon ocliuziyang coffic fanlen zhwei820 leoheo anttech baidan liucyi quietcoolwu diamond350 huangzhenxian diycp sniperxiaojun magicmayu sutootototo2002 princest lxzxl kirin-yuen liujun5230 hyteer midday mu3517 chwshuang quanqiushoujila binginsist yangmei120 wybq1314 zhaochuanxing tempbottle crazy0x yinxiaoliang apple0407 shenyizhou looknd zongyan86 suyucheng520

vue-admin's Issues

在linux下无法跑起来项目

⠧ Installing inherits@^2.0.1platform unsupported [email protected] › [email protected] › [email protected] › [email protected] Package require os(darwin) not compatible with your platform(linux)
[fsevents@^1.0.0] optional install error: Package require os(darwin) not compatible with your platform(linux)

npm run dev 报错

[Vue warn]: Error when rendering component :
Uncaught TypeError: _vm._h is not a function(…)

down 下来代码之后 npm run dev 报错怎么解决啊

How to inspect scss?

I am not sure how to inspect scss from this template, can anyone tell me how?

normally we only need to do something like

sass style.scss:style.css

it works and auto create sourcemap but I still cant get the (x) line from the scss

table中嵌套popover的问题

这是popover的写法

<el-popover ref="deleteConfirm" v-model="popover.deleteConfirm"> 确实要删除吗？ </el-popover>

这是表单的代码
<el-table :data="forms.data" border style="width: 100%"> <el-table-column prop="name" label="表单名称" width="180"></el-table-column> <el-table-column prop="description" label="表单描述"></el-table-column> <el-table-column inline-template label="操作" align="right"> <template> <el-button type="text" size="small" v-popover:deleteConfirm>删除</el-button> </template> </el-table-column> </el-table>

我想要在点击删除按钮的时候弹出一个popover，提示确认要删除吗？

然而点击删除按钮的时候貌似没有效果？

我想问的是，表单中循环的时候，怎么样指定动态的 v-popover的值？

或者说这种情况下怎么做最合理（因为表格有很多行数据，所以想要每次点不同行的删除按钮都提示每一行对应的popover）？

刷新页面，没有登录状态，又调回登录界面了

如题。什么时候增加保存登录状态的功能，我自己在下面改的时候，用vuex+sessionStorage解决了，但是感觉不完美。期待作者的

关于ajax跨域访问的问题,返回的响应头需要Access-Control-Allow-Origin怎么解决？

如题：在项目中我修改了api/api.js的地址为公司项目接口的地址，也是通过axios发送ajax请求，和后端调试能够连通但返回时出错，就是http那个协议需要带Access-Control-Allow-Origin的响应头。该如何解决？

Uncaught SyntaxError: Unexpected token import

我的错误是 Uncaught SyntaxError: Unexpected token import 这个事什么原因啊？谢谢大侠

请问框架如何读取动态数据的

请问框架如何读取动态数据的，你用的是模拟数据，我想改回自己的数据，请问如何改，多谢

关于页面title的问题

如果想实现：每个路由URL都有自己的页面title，该如何做啊？
目前是webpack打包时指定的固定的title，无法每个页面自定义，麻烦指导下思路~

proxy有问题请教

背景怎么变黑色

预览图里背景是黑色的，怎么修改

build 之后运行压缩后的代码图片路径和字体路径不对

build 之后运行压缩后的代码图片路径和字体路径不对！
字体文件和背景图片在css中引用的路径不对

嵌套操作,第一行数据确定时弹窗代码执行之后不消失

这是一段内容这是一段内容确定删除吗？

取消确定

编辑删除 <style> delShop:function(index,row){ var _this = this; _this.isDel = false; _this.loading= true; } </style>

'nprogress'

关于table.vue里面引入的
import NProgress from 'nprogress'
小白请问这个引入的文件在哪里，我整个项目都找不到

Module build failed: Error: Cannot find module 'node-sass'

是不是可能nodejs版本不对,怎么解决

二级菜单，设置hidden:true 没隐藏

构建之后index.html css js引用路径错误

构建后index.html 引用路径
href=/vue-admin/static/css/app.ef2fcc366e180adb09000e69537d6aeb.css

正确路径
href=./static/css/app.ef2fcc366e180adb09000e69537d6aeb.css

如果需要做一个权限菜单，根据不同的用户，登陆后有不同的菜单选项该怎么做？

打开新的子页面，会从下面闪动上去，不知道为什么。。。

axios 404

为什么a机器运行vue b机器运行tomcat a请求b 404

路由路径中为什么总会有个“#”

http://localhost:9999/#/login
http://localhost:9999/#/table

IE9不支持

IE9下有脚本错误，如何解决~

后退的时候，导航不会自动切换变亮？

有什么方法能让导航也跟着后退吗？

您好，我在npm run dev之后，总是报错1% is not a valid application ？

install之后直接run的话，就会报这个错误，如下面的图：

ie11 无法显示echart页

npm run dev后
各页面均正常，唯独echarts无法使用，且导致各页面连接均不能点击。chrome下正常。
ie的F12显示
[object Error]{description: "调用的对象无效", message: "调用的对象无效", name: "TypeError", number: -2147418113, stack: "TypeError: ..."}
新手，不知道在ie下如何跟踪是具体那个位置错误。
另，在ie11 中访问 https://taylorchen709.github.io/vueAdmin/#/login 一切正常。

为什么偶尔报 '$el' of undefined

经常时不时的报 '$el' of undefined

菜单目录不是根据routes常量生成的嘛？(´･_･`)

菜单目录不是根据routes常量生成的嘛？

修改了vue 文件之后不会自动更新网页

如题：我修改了 Page5.vue 这个文件的内容之后，需要重启整个dev 任务才能更新到页面上，哪怕只改了一个文字，这样在开发阶段太痛苦了。是哪里的配置有问题吗？

npm run dev ERROR in ./src/main.js

ERROR in ./src/main.js
Module not found: Error: Cannot resolve 'file' or 'directory' ./components/nav3/Page6.vue in xxxxxxx/vueAdmin/src
@ ./src/main.js 67:13-51
请问这个是什么问题？

登录页面（http://localhost:8081/#/login）

在firebug里出现error
TypeError: _this8.$refs.reference is undefined
操作步骤：
1）先登录进去，进入列表界面
2）刷新浏览器，就又一次回到了登录页面，就出现了error

我也来问一个小白问题，这个是单页面应用还是多页面

是不是用了路由就是单页面应用了，在线等，谢谢

How to make this responsive?

Hi,

Wondering, how can I make this beautiful view-admin template responsive? Am new to the front-end development.

Regards

问一个小白的问题，怎么将这个东西嵌入到java web工程当中

如题，我想直接将代码嵌入到java web工程当中当静态页面开发，然后通过ajax方式获取后端的接口数据。
但是看示例这个是通过一个独立的服务端运行起来供浏览器访问的，这样我不是要启动两个程序了？
有没有办法在传统那种java web里面直接修改html\js文件，就可以运行起来？

vendor.js过大的问题

您的在线演示地址，vendor.js的大小为480k，我在本地build您的项目后生成的vendor.js有1.4MB，不知道为什么？有什么方法可以减少编译后打包的js库大小吗？十分感谢

登录后，用户名的显示位置

据我观察，常见的后台管理一般都是把『用户名』放置在页面的右上角，点击后会有下拉菜单：我的消息-个人设置-退出登录等。谢谢

框架支持左侧菜单收齐更完美了！

关于Home组件中vue-router的问题

<template v-for="(item,index) in $router.options.routes" v-if="!item.hidden">
<el-submenu :index="index+''" v-if="!item.leaf">

这里的"index+''"是什么意思呢

登录之后，在Network的Formdata可以看到输入的密码，该怎么处理？

请求帮助 api.js

我修改这个接口 let base = 'http://120.77.246.117:8080';系统报错

Uncaught (in promise) Error: Request failed with status code 404

微信群已超过100人

无法通过扫码进入，建议建立一个QQ群

vendor.js 太大，希望能优化一下

vendor.js 太大，希望能优化一下
目前为1.33M

echarts 在页面改变大小的时候图表没有自适应

可以完善下图表的自适应

全局引入scss

当前每个页面需要引入一次@import '~scss_vars';我想做成不用每个页面引入。我查看了webpack里打包的配置有这一部分的代码，但是尝试不import，会报错。

package.json lack of vux dependency

ERROR in ./src/main.js
Module not found: Error: Cannot resolve module 'vuex' in ~/vue/vueAdmin/src
 @ ./src/main.js 25:12-27

ERROR in ./src/store/config.js
Module not found: Error: Cannot resolve module 'vuex' in ~/vue/vueAdmin/src/store
 @ ./src/store/config.js 11:12-27
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  1.46 MB       0       
webpack: bundle is now VALID.
^C
$ npm i vuex -S

  "dependencies": {
    "nprogress": "^0.2.0",
    "vue": "^2.0.1",
    "vuex": "^2.0.0"
  },

是不是该考虑升级一下webpack了，今天build不成功，一看都是webpack 1的语法

右上角的loading框

你右上角“退出”这里的loading框不知道是在哪里控制的？
我如何控制它呢？
handleCurrentChange 这个函数谁调用的？

更新补充：
现在发现loading框由NProgress.start();和NProgress.stop()控制，请问他们是怎么关联起来的？

请问线上环境怎么请求真实后台接口？

打包build后，部署到线上，请求的还是mock的数据。

那要如何设置，才能关掉mock，请求真实的接口？

依然抱错

[Vue warn]: Error when rendering root instance: warn @ vue.js?1bcd:523Vue._render @ vue.js?1bcd:2961(anonymous function) @ vue.js?1bcd:2191get @ vue.js?1bcd:1656Watcher @ vue.js?1bcd:1648Vue._mount @ vue.js?1bcd:2190Vue$3.$mount @ vue.js?1bcd:5978Vue$3.$mount @ vue.js?1bcd:8305initRender @ vue.js?1bcd:2918Vue._init @ vue.js?1bcd:3296VueComponent @ vue.js?1bcd:3414bind @ element-ui.common.js?e1a0:17986callHook$1 @ vue.js?3de6:4582updateDirectives @ vue.js?3de6:4508invokeCreateHooks @ vue.js?3de6:4093initComponent @ vue.js?3de6:4108createComponent @ vue.js?3de6:4037createElm @ vue.js?3de6:3973createChildren @ vue.js?3de6:4077createElm @ vue.js?3de6:4006patch @ vue.js?3de6:4411Vue._update @ vue.js?3de6:2361(anonymous function) @ vue.js?3de6:2335get @ vue.js?3de6:1643Watcher @ vue.js?3de6:1635Vue._mount @ vue.js?3de6:2334Vue$3.$mount @ vue.js?3de6:5916Vue$3.$mount @ vue.js?3de6:8199init @ vue.js?3de6:2648(anonymous function) @ vue.js?3de6:2802createComponent @ vue.js?3de6:4030createElm @ vue.js?3de6:3973patch @ vue.js?3de6:4411Vue._update @ vue.js?3de6:2361(anonymous function) @ vue.js?3de6:2335get @ vue.js?3de6:1643Watcher @ vue.js?3de6:1635Vue._mount @ vue.js?3de6:2334Vue$3.$mount @ vue.js?3de6:5916Vue$3.$mount @ vue.js?3de6:8199init @ vue.js?3de6:2648createComponent @ vue.js?3de6:4030createElm @ vue.js?3de6:3973createChildren @ vue.js?3de6:4077createElm @ vue.js?3de6:4006patch @ vue.js?3de6:4411Vue._update @ vue.js?3de6:2361(anonymous function) @ vue.js?3de6:2335get @ vue.js?3de6:1643Watcher @ vue.js?3de6:1635Vue._mount @ vue.js?3de6:2334Vue$3.$mount @ vue.js?3de6:5916Vue$3.$mount @ vue.js?3de6:8199init @ vue.js?3de6:2648createComponent @ vue.js?3de6:4030createElm @ vue.js?3de6:3973createChildren @ vue.js?3de6:4077createElm @ vue.js?3de6:4006createChildren @ vue.js?3de6:4077createElm @ vue.js?3de6:4006createChildren @ vue.js?3de6:4077createElm @ vue.js?3de6:4006patch @ vue.js?3de6:4411Vue._update @ vue.js?3de6:2361(anonymous function) @ vue.js?3de6:2335get @ vue.js?3de6:1643Watcher @ vue.js?3de6:1635Vue._mount @ vue.js?3de6:2334Vue$3.$mount @ vue.js?3de6:5916Vue$3.$mount @ vue.js?3de6:8199init @ vue.js?3de6:2648createComponent @ vue.js?3de6:4030createElm @ vue.js?3de6:3973createChildren @ vue.js?3de6:4077createElm @ vue.js?3de6:4006patch @ vue.js?3de6:4411Vue._update @ vue.js?3de6:2361(anonymous function) @ vue.js?3de6:2335get @ vue.js?3de6:1643Watcher @ vue.js?3de6:1635Vue._mount @ vue.js?3de6:2334Vue$3.$mount @ vue.js?3de6:5916Vue$3.$mount @ vue.js?3de6:8199init @ vue.js?3de6:2648createComponent @ vue.js?3de6:4030createElm @ vue.js?3de6:3973patch @ vue.js?3de6:4411Vue._update @ vue.js?3de6:2361(anonymous function) @ vue.js?3de6:2335get @ vue.js?3de6:1643Watcher @ vue.js?3de6:1635Vue._mount @ vue.js?3de6:2334Vue$3.$mount @ vue.js?3de6:5916Vue$3.$mount @ vue.js?3de6:8199init @ vue.js?3de6:2648(anonymous function) @ vue.js?3de6:2802createComponent @ vue.js?3de6:4030createElm @ vue.js?3de6:3973patch @ vue.js?3de6:4448Vue._update @ vue.js?3de6:2368(anonymous function) @ vue.js?3de6:2335get @ vue.js?3de6:1643run @ vue.js?3de6:1712flushSchedulerQueue @ vue.js?3de6:1530(anonymous function) @ vue.js?3de6:465nextTickHandler @ vue.js?3de6:414
vue.js?3de6:427 TypeError: _vm._h is not a function(…)

路由传参数

一个父组件包含两个子组件，从其中一个子组件怎么可以修改来那个外一个子组件里面的route，就类似与左侧导航栏，右侧是页面，这种方式，点击导航栏上的链接，可以动态的修改右侧的页面？