this.$nextTick(()=>{let view = uni.createSelectorQuery().in(this).select(".test");view.fields({size: true,scrollOffset: true}, data =https://www.isolves.com/it/cxkf/kj/2022-03-08/> {console.log("得到节点信息" + JSON.stringify(data));console.log("节点的宽为" + data.width);}).exec();})//或者await this.$nextTick()let view = uni.createSelectorQuery().in(this).select(".test");view.fields({size: true,scrollOffset: true}, data => {console.log("得到节点信息" + JSON.stringify(data));console.log("节点的宽为" + data.width);}).exec();封装全局函数//main.js//权限跳转 跳转到该页面前验证是否登录Vue.prototype.navigateTo = (options)=>{//判断用户是否登录if(!store.state.user.loginStatus){uni.showToast({title: '请先登录',icon:'none'});return uni.navigateTo({url: '/pages/login/login'});}//通过验证uni.navigateTo(options);}mixin注入 有的时候有一部分代码需要在多个页面重复使用到 ， 这时候就该使用mixin注入了//loading.js里的代码export default {// 所在页面没有beforeReady属性就注入到所在页面的data中,若有该属性则优先使用页面中定义的那个data(){return{beforeReady:true}},//所在页面有onReady生命周期就合并onReady() {this.beforeReady = false}}//其他页面 通过import导入进来 ， 再使用mixins注册一下就能注入该页面了<script>import loading from "@/common/mixin/loading.js"export default{mixins:[loading]}</script>
【uniapp框架开发技巧】
推荐阅读
- CPU处理器|日本不甘落后 将联手美国开发2nm芯片工艺：赶超台积电
- 直播系统源码开发的重点功能
- Python 语言Django 框架的简化视图
- Vuestic UI - 免费开源的 Vue3 组件库，内置漂亮的 Admin 后台框架
- 开发一个app有多难？
- 2022年选择哪个Rust Web框架 - kerkour
- Android开发常用工具
- 小程序开发注意事项
- 移动前端开发和 Web 前端开发的区别是什么？
- 公司用的 MySQL 团队开发规范，太详细了，建议收藏