uniapp开发过程记录(个人笔记)

334 阅读1分钟

组件:

  • image路径绑定的值,如果是静态的可以使用../开头的或者@开头;如果是动态本地路径的话建议使用/static/image/xxx.png否则app,h5,小程序或者其他平台肯定会有出问题
  • onload生命周期无效,当使用自定义组件时,子组件的生命周期onload无效,换成vue的生命周期mounted()即可
  • 小程序不允许使用background背景图

语法:

  • 尽量使用v-show,v-if在小程序端会有莫名的问题,还有一点,小程序使用自定义组件引入的方式v-show在子组件会失效。解决办法是使用v-if或者在data定义对应的数据嫁接去做判断

笔记:

  • 判断是否刘海屏 (控件占位,通过返回的布尔值去控制)

    // 条件编译,只有在app端才会执行
    			// #ifdef APP-PLUS
    			console.log("判断是否是刘海屏", this.fit = plus.navigator.hasNotchInScreen())
    			//#endif
    
  • 获取微信小程序胶囊信息(返回胶囊对象信息参数)

    	// #ifdef MP-WEIXIN
    			this.wxMenuBtn = uni.getMenuButtonBoundingClientRect()
    		    // #endif