uni-app vue3 全局引入ant-design

最新推荐文章于 2024-05-26 14:51:29 发布
最新推荐文章于 2024-05-26 14:51:29 发布
阅读量4.9k 收藏 5
点赞数 4
分类专栏： uni-app 文章标签： 大数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KK_vicent/article/details/125718031
版权

目录

uni-app切换为vue3版本

安装ant-design-vue插件

 全局完整注册

uni-app切换为vue3版本

新建一个项目

切换为vue3

选择版本为3即可

安装ant-design-vue插件

npm i --save ant-design-vue

 全局完整注册

注意写到下面的vue3中 上面是vue2...

 之前我就错写到了vue2中 导致警告信息

[Vue warn]: Failed to resolve component: a-input
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

 

查查茶茶丸
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
绑定手机号登录-VUE模板 UNIAPP模板 布局、样式、JS分离
04-02
绑定手机号登录-VUE模板 UNIAPP模板 布局、样式、JS分离 帮助 手机号 认证服务由中国联通提供 本机号码一键登录 其他手机号码登录 我已阅读并同意用户协议和隐私政策以及《中国联通认证服务条款》 其他方式登录 VUE模板 UNIAPP模板 布局、样式、JS分离
uni-app使用的演示
10-27
文章中用到的例子都有写在这，需要的朋友可以下载下来，解压后拖到HBuilder X里面运行。该资源里面包含了foreach循环的演示，以及如何实现登录动画、如何进行下拉刷新、如何进行触底加载，还有如何进行跳转与接收数据，以及底部导航栏运用colorui的框架技术。
面试官说，布局小程序页面记得用TDesign组件库
Why_does_it_work的博客
07-29 6497
TDesign UI是一个小程序组件库，它提供了一系列常用的UI组件和样式，帮助开发者快速构建美观、易用的小程序界面。
高颜值、轻量化uniapp组件库，提供70+高质量组件
最新发布
05-26 488
wot-design-uni组件库基于vue3+Typescript构建，参照wot design的设计规范进行开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题，旨在给开发者提供统一的UI交互，同时提高研发的开发效率。一个基于Vue3+TypeScript构建，参照wot-design打造的uni-app组件库。基于Vue3+TS开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题。多平台覆盖，支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等.
【ant-design-vue】ant-design-vue在uniapp使用时，auto-import失败报错
Minf的博客
09-15 1256
在我的 uniapp + vue3 + vite 项目中，使用了 ant-design-vue @4.x 组件库，同时我还使用了 vite 插件用于自动导入vue3的组合式api。当我全局引用antd-vue时，开发模式下可以正常运行，却不能正常打包，于是开始了漫长的踩坑……
【Ant-design引入】
qq_46139762的博客
05-02 4231
Ant-design引入Ant-design1、uniapp引入2、vue2引入 Ant-design 1、uniapp引入 1、控制台输入vue add ant-design 2、main.js写入如下代码 import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css'; Vue.use(Antd) 3、APP.vue中onLunch方法中改写入 Ps:若安装后出现初始界面变成App.vue这一界面可用此方案解决 onLau
uni-app 、Spring Boot 、ant Design 打造的一款跨平台包含小说（仿真翻页、段落听书）、短视频、壁纸等功能含完备后台管理的移动应用
tuonioooo
11-08 1327
咪哩快看，为用户提供优质阅读，短视频，共同记录美好生活的移动应用，并含有一套完备的后台管理体系，助力开发者快速数字化，开启你的财富之门！
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
AJ-Captcha for UNI-APP VUE3 VITE实例
01-03
AJ-Captcha官网只提供了UNI-APP VUE2的实例，放到VUE3里不通用的，所以调整了下代码，以满足VUE3 VITE，喜欢就拿去用。直接使用HBuilder X导入项目，在Web浏览器中预览即可。兼容微信小程序，APP开发。一款很不错的...
基于Javascript的uni-app Vue预设设计源码
05-25
本源码为基于Javascript的uni-app Vue预设设计，包含228个JavaScript文件、136个JSON文件等，共408个文件。该项目旨在为用户提供一个全面、便捷的uni-app Vue预设解决方案，通过Javascript、TypeScript、HTML、Vue...
uni-preset-vue-master uniapp项目模板
12-02
uni-preset-vue-master uniapp项目模板
vue_ant-design-vue菜单递归
12-28
后台返回菜单无限层级展示
uni-app项目实战
weixin_51565477的博客
11-09 3292
接口文档 推荐: http://service.picasso.adesk.com/v3/homepage/vertical 专辑 http://service.picasso.adesk.com/v1/wallpaper/album 分类: http://service.picasso.adesk.com/v1/vertical/category 分类-最新-热门 http://service.picasso.adesk.com/v1/vertical/category/id/vertical专辑htt.
TDesign小程序组件库体验
低代码布道师的博客
09-23 9904
创建好项目之后可以看到微信开发者工具的一个界面，界面是包含几个区域导航条有默认的各种各样的功能，预览区是我们小程序编译之后的效果，文件区域我们可以创建各种各样的文件，代码编辑区可以写代码，调试区可以显示各种调试信息。有的开发者喜欢用vscode或者uniapp来开发小程序，我呢还是喜欢原生的工具，我们只是需要最终的结果，选哪种工具最终的结果都是一样的。
Vue3高颜值uni-app组件库 Wot Design Uni 组件数量超过60了！
qq_31647491的博客
10-18 513
Vue3高颜值uni-app组件库 Wot Design Uni 组件数量超过60了！
uniapp使用的入坑笔记及demo
wzq2011的博客
01-13 647
uniapp 使用demo
【小程序开发】使用tdesign
此家伙很懒
02-15 1162
接入tdesign
项目中引进TDesign
weixin_50307485的博客
05-25 793
初步使用TDesign
uni-app vue3 怎么引入vue-jsonp
05-31
在uni-app vue3中，要使用vue-jsonp插件可以按照以下步骤进行操作： 1. 安装vue-jsonp插件 使用npm或yarn命令进行安装： ``` npm install vue-jsonp --save ``` 或者 ``` yarn add vue-jsonp ``` 2. 引入vue-jsonp插件 在需要使用vue-jsonp插件的页面或组件中引入： ```javascript import VueJsonp from 'vue-jsonp'; Vue.use(VueJsonp); ``` 3. 使用vue-jsonp插件 引入成功后，即可在组件中使用`$jsonp`方法进行跨域请求。例如： ```javascript this.$jsonp('https://example.com/data', { params: { id: 1 } }).then(response => { console.log(response); }).catch(error => { console.error(error); }); ``` 以上代码将会请求`https://example.com/data`这个地址，参数为`id=1`，获取到数据后打印到控制台上。注意，这里的`$jsonp`方法是vue-jsonp插件提供的，而不是uni-app自带的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值