美文网首页WEB前端程序开发
wepy开发小程序注意事项

wepy开发小程序注意事项

作者: F1503 | 来源:发表于2019-10-08 14:29 被阅读0次

    最近都在开发微信小程序,所以总结以下我最近遇到的一些问题,希望对大家能有些帮助

    1、wepy组件之前传参只能传递整个数据,不能传递某个对象中的某个值。

    2、在真机上请求接口没反应,必须开启调试模式才行的问题,这是因为请求域名未加入微信小程序设置的域名中,到微信小程序管理上添加域名即可。

    3、input数据无法直接双向绑定,需要利用input的bindinput事件进行赋值,如果是在wx:for中使用,可以利用data-name=‘’做标记。

    4、mothods中只定义事件方法,如果需要this.调用的方法需要写在和methods同级。

    5、组件遍历使用在父组件中必须使用<repeat>或者<block>标签。

    6、wepy中使用wx:if 方法,只会阻止视图渲染,并不会阻止组件初始化。

    如果在子组件onLoad 生命周期或者计算属性中使用了一些父级传递过来的动态数据,就会报错

    7、小程序里修改data 里面的属性或者赋值都需要利用this.setdata()而wepy 基本就是利用this.属性即可。如果是异步返回或者更新dom需要this.$apply()触发脏值检测,频繁使用this.$apply()会影响性能。

    8、组件component 没有 onLoad 等页面事件

    页面中设置好this.$broadcast('someEvent',option);

    组件监听事件则可以解决。

    9、微信小程序ios 图标请求服务器拼接地址无法显示问题:src的地址初始化设置为null,有数据时再显示即可。

    10、微信小程序iOS时间初始化问题,无法识别-:time.replace(/-/g,"/")。

    11、重新定义小程序的返回按钮

     onUnload(){

          this.usid = '';

          this.$apply();

          this.gotoHomePage();

        }

    // 在订单详情 点击小程序的返回 自定其他跳页方法

        gotoHomePage(){//自定义页面跳转方法

          wx.switchTab({

            url: '/pages/personal/index',

          });

        }

    12、JS的内置函数(encodeURIComponent();decodeURI())实现中文与URI间的转换

    相关文章

      网友评论

        本文标题:wepy开发小程序注意事项

        本文链接:https://www.haomeiwen.com/subject/oiybpctx.html