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

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

1、 需要注意:store必须在router之前加载好,不然执行router.app.$store.commit会出现undefined
《weex czzlm 项目开发总结--交互》

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

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

3、组件data 不能return {}

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

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

正确的顺序:
《weex czzlm 项目开发总结--交互》

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不支持监听更新当前组件数据, 比如:
《weex czzlm 项目开发总结--交互》
解决方法:
数据绑定

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

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

9、添加class vue官网写法不支持native。比如:
https://github.com/alibaba/we…
只支持H5
《weex czzlm 项目开发总结--交互》
支持H5 && app native
《weex czzlm 项目开发总结--交互》

10、在组件上dispatch一个 actions方法是fetch数据请求必须return,不然会导致组件的请求数据还没有响应回数据就渲染,出现页面空白。
《weex czzlm 项目开发总结--交互》

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

《weex czzlm 项目开发总结--交互》
《weex czzlm 项目开发总结--交互》
需要修改成函数处理拼接:

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

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

    原文作者:chenwenxian
    原文地址: https://segmentfault.com/a/1190000009142726
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞