uni-app vue3 全局引入ant-design

最新推荐文章于 2024-06-09 15:28:21 发布
最新推荐文章于 2024-06-09 15:28:21 发布
阅读量5.1k 收藏 5
点赞数 4
分类专栏： uni-app 文章标签： uni-app Vue3 ant-design-vue 组件注册 警告解决
版权声明：本文为博主原创文章，遵循 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
    评论
专栏目录
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-plus搭建的项目包！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-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的
绑定手机号登录-VUE模板 UNIAPP模板 布局、样式、JS分离
04-02
绑定手机号登录-VUE模板 UNIAPP模板 布局、样式、JS分离 帮助 手机号 认证服务由中国联通提供 本机号码一键登录 其他手机号码登录 我已阅读并同意用户协议和隐私政策以及《中国联通认证服务条款》 其他方式登录 VUE模板 UNIAPP模板 布局、样式、JS分离
【ant-design-vue】ant-design-vue在uniapp使用时，auto-import失败报错
Minf的博客
09-15 1402
在我的 uniapp + vue3 + vite 项目中，使用了 ant-design-vue @4.x 组件库，同时我还使用了 vite 插件用于自动导入vue3的组合式api。当我全局引用antd-vue时，开发模式下可以正常运行，却不能正常打包，于是开始了漫长的踩坑……
UniApp+Vue3引入Pinia的案例（小白通吃）
最新发布
qq_45623072的博客
06-09 522
选择Vue3版本。
uniapp开发：uniapp之切换vue3，一直使用一直爽
热门推荐
qq_42961150的博客
11-17 1万+
目录 前言 使用步骤 Tips 关注我，不迷路 前言 随着vue3.0发布以来，紧随着vue3.2又发布了，这尤大大也太厉害了吧。在这里vue3.x的优点就不多说了，反正就是爽。 uniapp也是跟紧的步伐，在前几个版本就开始支持vue3.x的使用，甚至在2.9.3的cli版本就开始支持了，更多相关信息查看官方更新日志。从 HBuilderX 3.2 起，支持创建 vue3 的 uni-app 项目，更多uniapp相关信息查看uni-app 项目支持 vue 3.0 介绍，及升级指南。用法与常规vu
面试官说，布局小程序页面记得用TDesign组件库
Why_does_it_work的博客
07-29 6717
TDesign UI是一个小程序组件库，它提供了一系列常用的UI组件和样式，帮助开发者快速构建美观、易用的小程序界面。
uniapp+vue3+ts开发小程序或者app架构时候的UI框架选型
05-20 2184
很高兴uv-ui是最终的幸运儿。为此我特意去uv-ui官网里面捐赠了一杯咖啡钱给作者，开源不易，要支持一下。
【Ant-design引入】
qq_46139762的博客
05-02 4279
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 1355
咪哩快看，为用户提供优质阅读，短视频，共同记录美好生活的移动应用，并含有一套完备的后台管理体系，助力开发者快速数字化，开启你的财富之门！
1.使用uniapp搭建微信小程序项目并引入前端组件资源
KelvinLiu
05-08 1951
使用uniapp开发微信小程序，引入vue3下的前端组件库，uview3
uni-app使用的演示
10-27
文章中用到的例子都有写在这，需要的朋友可以下载下来，解压后拖到HBuilder X里面运行。该资源里面包含了foreach循环的演示，以及如何实现登录动画、如何进行下拉刷新、如何进行触底加载，还有如何进行跳转与接收数据，以及底部导航栏运用colorui的框架技术。
AJ-Captcha for UNI-APP VUE3 VITE实例
01-03
AJ-Captcha官网只提供了UNI-APP VUE2的实例，放到VUE3里不通用的，所以调整了下代码，以满足VUE3 VITE，喜欢就拿去用。直接使用HBuilder X导入项目，在Web浏览器中预览即可。兼容微信小程序，APP开发。一款很不错的...
uni-preset-vue-master uniapp项目模板
12-02
《uni-preset-vue-master：基于uni-app的高效开发模板详解》 在移动应用开发领域，uni-app作为一款跨平台的开发框架，以其强大的兼容性和灵活性受到广泛关注。uni-preset-vue-master则是一个专为uni-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:vue的uni-app预设
04-29
uni-preset-vue是uni-app针对Vue.js的一个重要组成部分，它是基于vue-cli的uni-app预设配置，旨在简化uni-app项目初始化过程，为开发者提供更加便捷的开发环境。 【描述】：“@ uni-app / vue-cli-preset-uni-app ...
高颜值、轻量化uniapp组件库，提供70+高质量组件
05-26 551
wot-design-uni组件库基于vue3+Typescript构建，参照wot design的设计规范进行开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题，旨在给开发者提供统一的UI交互，同时提高研发的开发效率。一个基于Vue3+TypeScript构建，参照wot-design打造的uni-app组件库。基于Vue3+TS开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题。多平台覆盖，支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等.
uni-app项目实战
weixin_51565477的博客
11-09 3300
接口文档 推荐: 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 9958
创建好项目之后可以看到微信开发者工具的一个界面，界面是包含几个区域导航条有默认的各种各样的功能，预览区是我们小程序编译之后的效果，文件区域我们可以创建各种各样的文件，代码编辑区可以写代码，调试区可以显示各种调试信息。有的开发者喜欢用vscode或者uniapp来开发小程序，我呢还是喜欢原生的工具，我们只是需要最终的结果，选哪种工具最终的结果都是一样的。
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、付费专栏及课程。

余额充值