美文网首页javaScriptvexx
weex -- 路由填坑

weex -- 路由填坑

作者: 反者道之动001 | 来源:发表于2017-07-14 18:44 被阅读111次

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

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

    在页面钩子函数

    加上路由转跳!!!!

    <br />

    
          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 -- 路由填坑

        本文链接:https://www.haomeiwen.com/subject/ygqghxtx.html