31 lines
1.2 KiB
Markdown
31 lines
1.2 KiB
Markdown
拦截器顾名思义，是在框架方法执行的各个环节（包含：拦截前触发、成功回调拦截、失败回调拦截、完成回调拦截）
|
||
插入逻辑，篡改参数或终止运行。
|
||
#### 优势
|
||
- 这种方式相当于改写了api的内部逻辑，相比语法糖他更加直观，不影响ide的代码提示。
|
||
- 将常规固定的逻辑封装到框架的api内，且支持个性化设计。如你可以在本插件路径:`/uni_modules/json-interceptor-chooseImage/js_sdk/main.js`修改弹出框元素，绘制更漂亮的样式和文字说明。
|
||
|
||
#### 使用示例，App.vue页代码如下：
|
||
```
|
||
<script>
|
||
// #ifdef APP-PLUS
|
||
import interceptorChooseImage from '@/uni_modules/json-interceptor-chooseImage/js_sdk/main.js';
|
||
// #endif
|
||
export default {
|
||
onLaunch: function() {
|
||
console.log('App Launch')
|
||
// #ifdef APP-PLUS
|
||
interceptorChooseImage()
|
||
// #endif
|
||
},
|
||
onShow: function() {
|
||
console.log('App Show')
|
||
},
|
||
onHide: function() {
|
||
console.log('App Hide')
|
||
}
|
||
}
|
||
</script>
|
||
```
|
||
|
||
> 跳转到**应用**的权限页面 参考来源：[https://ext.dcloud.net.cn/plugin?id=594](https://ext.dcloud.net.cn/plugin?id=594) 感谢作者@DCloud_heavensoft
|