miniprogram-mobx-request

小程序 mobx composition 请求工具

Usage

TODO

Options

TODO

Development

1
2<!--index.wxml-->
3<view style="padding: 60px;">
4    <button bindtap="click">点击</button>
5    <view wx:if="{{state.loading}}">
6        载入中
7    </view>
8    <view wx:elif="{{state.error}}">
9        出错了
10    </view>
11    <view wx:else>
12        {{state.data.name}}
13        {{state.data.age}}
14        {{state.params[0].name}}
15        {{state.params[0].age}}
16    </view>
17</view>
18
19

1
2// index.ts
3// 获取应用实例
4import {
5    compositionApiBehavior,
6    onAttached,
7    onDetached
8} from "miniprogram-mobx-composition"
9import useRequest from "miniprogram-mobx-request"
10
11Component({
12    behaviors: [compositionApiBehavior],
13    setup() {
14        const click = () => {
15            run({ name: 'mary', age: 789 })
16        }
17        const { state, run, runAsync, refresh /*
18             刷新 
19             */, refreshAsync } = useRequest((params) => {
20            return new Promise((resolve, reject) => {
21                setTimeout(() => {
22                    resolve({
23                        name: params.name,
24                        age: params.age,
25                    })
26                }, 6000);
27            })
28        }, {
29            manual: true, //是否手动执行 
30            debounceWait: 1000, //防抖时间 
31            // loadingDelay: 2000, //loading延迟时间防止闪烁 
32            // throttleWait:1000,//节流时间
33        });
34        return {
35            state,
36            click,
37        }
38    }
39})
40
41

LICENSE

MIT