uni-app引入组件详解

引入vant-weapp

1. 创建好项目之后,如果需要引入组件,首先,进入vant-weapp官网(https://youzan.github.io/vant-weapp/#/intro)

2. 一开始我也按照这官网上的指引安装的vant-weapp,但是安装之后有各种各样的问题,后来也去网上查了一点资料,才知道原来需要下载vant包,废话不多说了,下载地址是(https://ext.dcloud.net.cn/plugin?id=302)

在这里插入图片描述
下载完成之后,会得到一个压缩包。

3. 在项目里创建一个wxcomponents文件夹,如下图
在这里插入图片描述
创建好之后,直接将压缩文件放入文件夹内,解压就好了。

4. 在app.vue页面里将它得css设置为公共的,如下图:

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uni-request是一个基于Promise的网络请求库,适用于uni-app和小程序开发。如果想在uni-app中使用uni-request,需要先进行以下步骤: 1. 在HBuilderX中创建一个uni-app项目 2. 打开命令行工具,使用npm命令安装uni-request: ``` npm install uni-request ``` 3. 在需要发送网络请求的页面或组件引入uni-request: ``` import request from '@/common/request.js' ``` 4. 在request.js文件中编写自己的请求方法,例如: ``` import { BASE_URL } from './config.js' import Request from 'uni-request' const request = new Request() request.interceptors.request.use(config => { config.baseUrl = BASE_URL return config }) export default request ``` 在这个示例中,我们将BASE_URL定义在config.js文件中,并通过拦截器将其添加到请求的baseUrl中。这样,我们就可以在发送请求时直接使用相对路径,而不需要每次都写全路径。 5. 在页面或组件中使用request发送网络请求,例如: ``` import request from '@/common/request.js' request.get('/api/user/info').then(res => { console.log(res.data) }) ``` 在这个示例中,我们通过request发送了一个GET请求,请求地址为"/api/user/info"。请求成功后,我们打印出了返回的数据。 注意:在使用uni-request发送网络请求时,需要在manifest.json文件中配置网络权限。可以在manifest.json文件中的"app-plus"-"permissions"节点中添加以下权限: ``` "app-plus": { "permissions": { "network": { "description": "用于发送网络请求" } } } ```

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值