Configurer l'API de demande
- Package
Créer un nouveau require.js sous utils
// 默认请求方法为GET 默认data为空
function sendRequire(url,method="GET",data={
}){
// 开启loading
wx.showLoading({
title: '加载中',
})
// 新建promise对象并返回
return new Promise((resolve,reject) => {
// 创建 请求
wx.request({
url,
method,
data,
success:(res)=> {
// 成功回调
// console.log(res);
resolve(res)
},
fail(err){
// 失败
reject(err)
},
// 无论请求成功或失败都会执行此函数
complete(){
// 隐藏loading
wx.hideLoading();
}
})
})
}
// 导出
module.exports = {
request:sendRequire
}
- utilisation
// 引入
let {
request } = require("../../utils/reuqire");
// 请求
request("http://elm.cangdu.org/v1/cities?type=hot").then((res) => {
console.log(res)
});
Passer des valeurs entre les composants
Définir globalData
dans app.js
App({
...
globalData: {
weather:"雪"
}
})
Utiliser
app et getApp () dans la page ont le même effet
// 使用globalData
const app = getApp();
console.log(app.globalData); // 雪
// 修改
app.globalData.weather = "雨"
console.log(getApp().globalData); // 雨
Introduire vant
Applet WeChat, ---------- introduire le composant vant
- Installez la bibliothèque de composants vant
npm i @vant/weapp -S --production
S'il n'y a pas de package.json dans le projet, téléchargez manuellement npm init -y
-
Modifiez app.js
dans le projet pour supprimer "style": "v2" dans app.json -
Vous devez ajouter manuellement la configuration suivante dans project.config.json
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
]
-
Cliquez sur l'applet-details - local settings-check the use of npm module
-
Cliquez sur l'outil applet ----- build npm
-
Vous devez configurer le chemin correspondant au Button dans app.json ou index.json.
// 在app.json中引入
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}