weex -- 路由填坑

App上使用vue-router 发现显示的是白屏

官方的文档只有提到,然后搜索了很多论坛都没有找到答案,然后我去请教“勾三股四”(阿里巴巴Weex开发团队的一员),一个小时候.... 我得到了答案,这个答案让我很吃惊。

在页面钩子函数

加上路由转跳!!!!

weex -- 路由填坑_第1张图片



      beforeCreate(){
          this.$router.push('/home')
      },

OK

完成效果

想想当时我,,我对比别人家的脚手架,一直没发现差别,没想到还有这种操作。

竟然这篇是路由的博客,顺便再提一个Weex路由相关的坑。

先附上我的Weex路由

export default {
  jump (to,fun) {
      var path = this.$getConfig().bundleUrl
      ,host = /http:\/\/(\S*?)\//.exec(path+'/')[0]
      ,navigator = weex.requireModule('navigator')
      
      navigator.push({
        url: host+'dist/view/'+to+'.js',
        animated: "true"
      }, event => {
        fun()
      })
  }
}

先说下,path的值:

console.log(path)  // http://127.0.0.1:8080/weex.html

也就是带完整路径的,不过你要开服务。

对,就是navigator 里面Url的路径需要是Ip才可以(域名也可以),不然会出现转跳的页面是一段js=-=

--END--

你可能感兴趣的:(weex -- 路由填坑)