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

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

一、 须要注意：store必须在router以前加载好，否则执行router.app.$store.commit会出现undefined

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

三、组件data 不能return {}

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

放在最前面会报错，须要放在全部路由的后面，由于在它以后的路由解析不到了。

正确的顺序：

五、生效：
window.addEventListener('scroll', this.scrollLoad);
document.getElementById('index_wrap').addEventListener('touchmove', this.scrollLoad);
不生效：
document.getElementById('index_wrap').addEventListener('scroll', this.scrollLoad);

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

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

八、state数据更新，在native app computed不支持监听更新当前组件数据， 好比：

解决方法：
数据绑定

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

支持H5 && app native

十、在组件上dispatch一个 actions方法是fetch数据请求必须return,否则会致使组件的请求数据尚未响应回数据就渲染，出现页面空白。

十一、这样的渲染能够可是vue提示检查类型报错

须要修改为函数处理拼接：