资讯专栏INFORMATION COLUMN

weex czzlm 项目开发总结--交互

chunquedong / 879人阅读

摘要:使用方式为时,获取不到数据。比如只支持支持在组件上一个方法是数据请求必须不然会导致组件的请求数据还没有响应回数据就渲染,出现页面空白。这样的渲染可以但是提示检查类型报错需要修改成函数处理拼接

WEEX交互存在问题与解决方案

1、 需要注意:store必须在router之前加载好,不然执行router.app.$store.commit会出现undefined

2、router.beforeEach的第一个参数to 属性name默认是undefined,需要定义每个路由的name

3、组件data 不能return {}

4、路由的解析是按照顺序解析的:
{ path: "/", redirect: "/sent/recordList" },
{ path: "*", redirect: "/sent/recordList" },

放在最前面会报错,需要放在所有路由的后面,因为在它之后的路由解析不到了。

正确的顺序:

5、生效:
window.addEventListener("scroll", this.scrollLoad);
document.getElementById("index_wrap").addEventListener("touchmove", this.scrollLoad);
不生效:
document.getElementById("index_wrap").addEventListener("scroll", this.scrollLoad);

6、将原来的router.js写法进行了修改,现在playground里面运行不会一片空白了,但是初始的router-view无法显示,只有在点击后路由跳转了才正常显示,请问是什么原因?
解决:https://segmentfault.com/q/10...
对于初始router-view的不显示,只要在入口app.js执行跳转到当前路由就可以了。
router.push(router.currentRoute.fullPath);

7、使用stream.fetch type方式为jsonp时,android native 获取不到数据。
解方法:必须带jsonp
callback=josnp

8、state数据更新,在native app computed不支持监听更新当前组件数据, 比如:

解决方法:
数据绑定

9、添加class vue官网写法不支持native。比如:
https://github.com/alibaba/we...
只支持H5

支持H5 && app native

10、在组件上dispatch一个 actions方法是fetch数据请求必须return,不然会导致组件的请求数据还没有响应回数据就渲染,出现页面空白。

11、这样的渲染可以但是vue提示检查类型报错



需要修改成函数处理拼接:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/16727.html

相关文章

  • weex czzlm 项目开发总结--交互

    摘要:使用方式为时,获取不到数据。比如只支持支持在组件上一个方法是数据请求必须不然会导致组件的请求数据还没有响应回数据就渲染,出现页面空白。这样的渲染可以但是提示检查类型报错需要修改成函数处理拼接 WEEX交互存在问题与解决方案 1、 需要注意:store必须在router之前加载好,不然执行router.app.$store.commit会出现undefinedshowImg(htt...

    gclove 评论0 收藏0
  • weex czzlm 项目开发总结--重构

    摘要:得设置在设置不支持百分比统一用就是设置,导致不生效。比如展示的结果是整个元素高度还是,内部内容向下移动不支持倾斜支持斜体。列表在下设置被下个节点覆盖,解决方式 WEEX重构存在问题与解决方案 1、不能支持横屏2、native不支持less内嵌(.header . hd_back{})、@import写法3、native 不支持样式属性简写:比如不支持padding: 10px 5px ...

    williamwen1986 评论0 收藏0
  • weex czzlm 项目开发总结--重构

    摘要:得设置在设置不支持百分比统一用就是设置,导致不生效。比如展示的结果是整个元素高度还是,内部内容向下移动不支持倾斜支持斜体。列表在下设置被下个节点覆盖,解决方式 WEEX重构存在问题与解决方案 1、不能支持横屏2、native不支持less内嵌(.header . hd_back{})、@import写法3、native 不支持样式属性简写:比如不支持padding: 10px 5px ...

    fou7 评论0 收藏0
  • 网易严选App感受Weex开发(已完结)

    摘要:如果你尚不了解,并想简单入门,可以阅读整理快速入门笔记网易严选感受开发什么都不说,先给你感受下的效果。此处对寄有厚望单位中的所有属性值的单位均为,也可省略不写,系统会默认为单位。 showImg(https://segmentfault.com/img/remote/1460000012869672); 自打出生的那一天起,Weex 就免不了被拿来同 React Native「一决高下...

    jaysun 评论0 收藏0
  • Weex——关于移动端动态性的思考、实现和未来

    摘要:什么是动态性今天在移动端,尤其是像手机淘宝这样的中,动态性问题逐渐成为一个比较棘手的问题。在云端实现了天猫前端运营发布系统斑马的对接,在前端开发实现了主会场的界面模块和业务逻辑处理,同时在客户端上对接了手机天猫手机淘宝。 什么是动态性 今天在移动端,尤其是像手机淘宝这样的 App 中,动态性问题逐渐成为一个比较棘手的问题。所谓动态性,就是把移动应用本身的灵活性、迭代更新的周期和成本优化...

    ACb0y 评论0 收藏0

发表评论

0条评论

chunquedong

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<