vuecomponent / ant-design-vue-pro Goto Github PK
View Code? Open in Web Editor NEW👨🏻💻👩🏻💻 Use Ant Design Vue like a Pro! (vue2)
Home Page: https://pro.antdv.com
License: MIT License
👨🏻💻👩🏻💻 Use Ant Design Vue like a Pro! (vue2)
Home Page: https://pro.antdv.com
License: MIT License
npm run build之后, 打包之后的文件启动不了。
utils/helper/permission.js
'export': { key: 'import', label: '导入' }
应该是导出吧。
美女你好, 请教几个表单的问题:
1、标签无法格式化选中的日期,比如我需要的是“2019-01-10”,加上:format="dateFormat"只能控制页面上显示,无法控制提交后的结果,还是给我的 "2019-01-10T08:28:37.888Z"这种。
比如:
<a-form-item label="发布时间"> <a-date-picker v-model="queryParam.publishTime" name="publishTime" style="width: 100%" :format="dateFormat" /> </a-form-item>
2、绑定的值只能数字,中文汉字无效,纠结了半天,如果绑定了fieldDecoratorId,会导致vue加载单选框默认不选中,但是如果不给fieldDecoratorId,form就取不到值,原因未知。
比如:
<a-form-item label="性别" :labelCol="{lg: {span: 2}, sm: {span: 7}}" :wrapperCol="{lg: {span: 10}, sm: {span: 17} }" fieldDecoratorId="sex" :fieldDecoratorOptions="{rules: [{ required: true, message: '请选择出生日期' }]}" > <a-radio-group v-model="sex"> <a-radio :value="1">男</a-radio> <a-radio :value="2">女</a-radio> </a-radio-group> </a-form-item>
3、标签的defaultValue="movie" 无效。
比如:
<a-form-item label="兴趣爱好" :labelCol="{lg: {span: 2}, sm: {span: 7}}" :wrapperCol="{lg: {span: 10}, sm: {span: 17} }" fieldDecoratorId="like" :fieldDecoratorOptions="{rules: [{ required: false, message: '请选择兴趣爱好' }]}" > <a-select defaultValue="movie"> <a-select-option value="game">游戏</a-select-option> <a-select-option value="movie">电影</a-select-option> <a-select-option value="lvyou">旅游</a-select-option> </a-select> </a-form-item>
请问你们也遇到了吗?
问题:目前访问系统比较慢,通过浏览器观察发现运行时app.js达到了21M
建议:当前先对项目中需要用到的组件按需加载。
路由如何支持自定义的icon?
Add fixed header and menu in setup menu
如题,开启固定侧边栏内容区域会被遮盖。好项目,支持作者,辛苦了!
灰色的滚动条连登陆页都有的说~
大佬, 首次进入界面虽然有加载动画, 可是感觉还是太久了。 可不可以修改成首次进入只加载菜单以及框架最外层的静态文件, 其他都等菜单和整体框框加载完毕, 再加载。
刚接触vue不久,最近开始做一些练习。练习如何实现和真实后台api接口调试完成登录,也是花了几个小时的时间才搞懂一个叫vue-element-admin的登录模式。
回头看你这个大体上流程差不多,只是好几个地方实在是看不懂你这边的实现。话说ant design确实好看,所以还是想从这个项目去具体练习。
不知道是否可以讲解一下登录的实现原理,是否能提供一个交流沟通的地方方便求教!
margin-left unset
美女你好:
请教一个build的问题,项目我build以后 发现访问首页 http://192.168.6.11:8011/index.html 没有问题,它后面跳转到路由地址也没有问题,比如 http://192.168.6.11:8011/dashboard/workplace ,但是如果F5刷新,或者get访问访问这个路由,浏览器就返回404了,我开始以为是服务器的问题,后来我用了IIS 和Tomcat都是一样的结果,请问你有遇到过吗?
PS:开发环境一点问题没有。
项目中使用的mock数据是https://mock.ihx.me/mock/5baf3052f7da7e07e04a5116/antd-pro
如果直接切换成README.md中写的https://www.easy-mock.com/project/5b7bce071f130e5b7fe8cd7d则会提示错误
是否是实际使用的mock数据不一致?
我在使用您这个项目时,发现了几个bug,可以留一下您的QQ联系方式吗?我的Q:207167808
after login not work redirect to dashboard
请求出现错误,请稍后再试
sometimes mock data unavailable
这个项目,Header顶部菜单和左侧菜单默认是false,即不固定时是正常的,当Header顶部菜单或者左侧菜单固定时,就会出问题,内容区和顶部菜单的左边会被覆盖住。这个项目真心很不错,辛苦
<template>
<a-form @submit="handleSubmit" :form="form">
<a-form-item
label="标题"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }">
<a-input
v-decorator="{
id: 'name',
options: {rules: [{ required: true, message: '请输入标题' }]}
}"
name="name"
placeholder="给目标起个名字" />
</a-form-item>
<a-form-item
label="起止日期"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }">
<a-range-picker
name="buildTime"
style="width: 100%"
v-decorator="{
id: 'buildTime',
options: {rules: [{ required: true, message: '请选择起止日期' }]}
}" />
</a-form-item>
</a-form>
</template>
<script>
export default {
data () {
return {
// form
form: this.$form.createForm(this),
}
},
methods: {
// handler
handleSubmit (e) {
e.preventDefault()
this.form.validateFields((err, values) => {
if (!err) {
// eslint-disable-next-line no-console
console.log('Received values of form: ', values)
}
})
}
}
}
</script>
每次选择分页时,请求2次接口
我想设置一个一级菜单,跳到一个PageView的页面。
但是把children都隐藏后,还是不行。。
最后我是另外又写了一个路由,把这个路由hidden,这个路由的children是我想跳的那个一级页面。
菜鸟问题。。
为什么这里要用 that 呢?好像项目中有很多地方都有这样用,建议优化一下代码
暂时也没看代码,这是我clone之后遇到的第一个问题
登录页,输入用户名/密码无法跳转
比如把这个import { getRoleList, getServiceList } from '@/api/manage' 放到任何一个vue文件引用,都会报错。
请问生产环境如何在线换肤?
配置栏只在开发环境用于预览,生产环境不会展现,请手动修改配置文件 src/defaultSettings.js
谢谢美女
mock data is down again with a 502. Perhaps consider a different or backup mocking approach? Any suggestions on how I can fake this out so I can bypass login?
sidebar can not shrink
defaultExpandAllRows这类设置,只在第一次渲染时执行,异步请求数据导致无效了,请问您是怎么解决的?谢谢
您好,请问怎么支持IE?当前项目启动后,不能再IE10~11下运行
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.