移动端常见问题

• 如何在首页下拉，刷新小部件数据。方法：通过跨页面通信，通知小部件刷新。 这里涉及到 weex 跨页面通信，相关内容 (opens new window)。

  • 首页

      const channel = new BroadcastChannel('WidgetsMessage')
      channel.postMessage({
          action: 'RefreshData'
      });
  

  • 小部件

      const channel = new BroadcastChannel('WidgetsMessage')
      channel.onmessage = event => {
          if (event.data.action === 'RefreshData') {
              *** 刷新代码
          }
      }
  

• 如何在首页设置小部件高度。方法：小部件通过跨页面通信，通知首页获取。

  • 首页

      const channel = new BroadcastChannel('WidgetsMessage')
       channel.onmessage = (event) => {
           var dt = event.data;
           if (dt.widgetHeight) {
               *** dt.widgetHeight 保存着部件高度
           }
       }
  

  • 小部件

      const channel = new BroadcastChannel('WidgetsMessage')
      const dom = weex.requireModule('dom')
       let _params = this.$getPageParams()
       setTimeout(() => {
           dom.getComponentRect(this.$refs.wrap, ret => {
               this.channel.postMessage({
                   widgetHeight: ret.size.height,
                   id: _params.id
               })
           })
       }, 100)
  

  ps：ref='wrap'绑定在 template 最外层 div 盒子上

轻应用调试打开空白

• 确定调试地址和本地地址是否一致

• 确定能否pink通小部件调试地址, 若调试地址无法pink通 解决方法：重连网络/切换网络

适配ipad

• $fixViewport绑定在bui-weex框架中, 在生命周期使用

    this.$fixViewport();

创建模板问题

• 使用 Git Bash 无法通过up和down移动选择模板 解决方法: 使用cmd或者powershell