wepy 小程序开发(interceptor拦截器 && WXS)
2024-09-30 02:02:14
WePY全局拦截器可对原生API的请求进行拦截。
import wepy from 'wepy'; export default class extends wepy.app {
constructor () {
// this is not allowed before super()
super();
// 拦截request请求
this.intercept('request', {
// 发出请求时的回调函数
config (p) {
// 对所有request请求中的OBJECT参数对象统一附加时间戳属性
p.timestamp = +new Date();
console.log('config request: ', p);
// 必须返回OBJECT参数对象,否则无法发送请求到服务端
return p;
}, // 请求成功后的回调函数
success (p) {
// 可以在这里对收到的响应数据对象进行加工处理
console.log('request success: ', p);
// 必须返回响应数据对象,否则后续无法对响应数据进行处理
return p;
}, //请求失败后的回调函数
fail (p) {
console.log('request fail: ', p);
// 必须返回响应数据对象,否则后续无法对响应数据进行处理
return p;
}, // 请求完成时的回调函数(请求成功或失败都会被执行)
complete (p) {
console.log('request complete: ', p);
}
});
}
}
WXS
// mywxs.wxs module.exports = {
text: 'This is from wxs',
filter: function (num) {
return num.toFixed(2);
}
};
// index.wpy <template>
<text>{{m1.text}}</text>
<text>{{m1.filter(num)}}</text>
</template> <script>
import wepy from 'wepy';
import mywxs from '../wxs/mywxs.wxs'; export default class Index extends wepy.page { data = {
num: 10
}; wxs = {
m1: mywxs
} };
</script>
- wxs是基于原生的wxs去实现的,只是通过编译把现在的语法编译为原生语法。
- wxs必须是外链文件。并且后缀为
.wxs
。 - wxs引入后只能在template中使用,不能在script中使用。
最新文章
- ReactJS入门(一)—— 初步认识React
- 对teacher表进行增加,删除,修改
- java第一天学习作业及答案
- Hadoop+MongoDB的四种方案
- django 1.7+ default_permissions
- wifi display代码 分析
- Android AsyncTask
- MFC 框架技术简单研讨
- C# :GDI+技术生成复杂型彩色验证码(转载)
- [ActionScript 3.0] AS3 3D双圆环贴图
- JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)
- Selenium 脚本稳定性问题
- PAT 团体程序设计天梯赛-练习集 L1-019. 谁先倒
- kafka消息中间件及java示例
- java regex possissive relunctant
- Hibernate 一对一关联映射,mappedBy参数解析
- 多阶段构建Docker镜像
- 【python】flask+nginx配置
- CentOS6.5利用Docker部署ShowDoc
- CSS组合设计输入框和按钮生成自定义关键字查询栏