如何上uniapp小程序项目以最少的代码让每个页面都有u-loading的效果呢
时间: 2024-03-09 08:51:45 浏览: 71
uniapp 小程序代码
你可以使用uni-app提供的全局mixin功能来实现这个效果。具体步骤如下:
1. 在common目录下创建一个mixin.js文件,内容如下:
```
export default {
onLoad() {
uni.showLoading({
title: '加载中'
})
},
onReady() {
uni.hideLoading()
}
}
```
这个mixin会在每个页面的onLoad方法中显示loading效果,在onReady方法中隐藏loading效果。
2. 在App.vue中引入这个mixin,并使用uni-app提供的全局mixin功能将其应用到所有页面:
```
<script>
import globalMixin from '@/common/mixin'
export default {
mixins: [globalMixin]
}
</script>
```
这样每个页面都会自动使用这个loading效果,而且只需要写很少的代码。
阅读全文