⚠️ 重要 ⚠️ 在进一步操作之前，请检查下列选项。如果您忽视此模板或者没有提供关键信息，您的 Issue 将直接被关闭
- 已阅读 文档 .
- 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
- 已在 Issues 中搜索了相关的关键词
- 不是 ant design vue 组件库的 Bug
描述 Bug
头像裁剪组件不显示上传按钮
复现 Bug
<CropperAvatar
:uploadApi="uploadApi"
:value="avatar"
btnText="更换头像"
:btnProps="{ preIcon: 'ant-design:cloud-upload-outlined' }"
@change="updateAvatar"
width="150"
/>系统信息
- 操作系统:win10
- Node 版本:16.15
- 包管理器 (npm/yarn/pnpm) 及其版本:6.14.4
3条答案
按热度按时间xv8emn3q1#
我也遇到了这个问题
1cklez4t2#
这个问题我也遇到了 反正就解决了, 下面很大一部分是猜的.
因为这个项目默认都是按需加载antdv的组件, 所以没有全局引入, 但是可能button使用率特别高而且他还做了一次封装,里面加了其他颜色的样式,也很好用. 在
src/components/registerGlobComp.ts里面又进行了全局声明.
而咱们觉得这样很麻烦, 每次用组件都要引入,就干脆选择全局引入了.
这样造成了我们引入的Button 和他自定义的那个Button 有了冲突. 最后就不显示了. 我的解决方法是改了他全局注册的Button 名称. 也就是src/components/registerGlobComp.ts文件
import type { App } from 'vue';
import { Button as VButton } from './Button';
import { Input, Layout } from 'ant-design-vue';
export function registerGlobComp(app: App) {
app.use(Input).use(VButton).use(Layout);
}
这样就不冲突了, 默认a-button 还是用antd的按钮, 想用他定义的那种就用v-button.
uqxowvwt3#
这个问题我也遇到了 反正就解决了, 下面很大一部分是猜的.
因为这个项目默认都是按需加载antdv的组件, 所以没有全局引入, 但是可能button使用率特别高而且他还做了一次封装,里面加了其他颜色的样式,也很好用. 在 src/components/registerGlobComp.ts里面又进行了全局声明.
而咱们觉得这样很麻烦, 每次用组件都要引入,就干脆选择全局引入了.
这样造成了我们引入的Button 和他自定义的那个Button 有了冲突. 最后就不显示了. 我的解决方法是改了他全局注册的Button 名称. 也就是src/components/registerGlobComp.ts文件
import type { App } from 'vue'; import { Button as VButton } from './Button'; import { Input, Layout } from 'ant-design-vue';
export function registerGlobComp(app: App) { app.use(Input).use(VButton).use(Layout); }
这样就不冲突了, 默认a-button 还是用antd的按钮, 想用他定义的那种就用v-button.
我也是全局引入antdv了，试了一下这个方法，还是不显示。。。。。比较好奇的是为啥其他的组件没影响，只有上传组件有这个问题