weex使用navigator跳转界面

最新推荐文章于 2021-06-03 06:00:50 发布

Bro.Liang

最新推荐文章于 2021-06-03 06:00:50 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： weex 笔记文章标签： weex navigator跳转

本文链接：https://blog.youkuaiyun.com/sinat_17164495/article/details/89245923

笔记同时被 2 个专栏收录

4 篇文章

订阅专栏

weex

1 篇文章

订阅专栏

本文详细介绍了在Weex框架下如何通过appUtils.js文件中的getUrl函数进行URL组装，以及如何利用navigator模块实现界面的跳转。通过具体代码示例，展示了针对不同平台（Android、iOS及Web）的URL处理方式，以及如何调用navigator.push方法跳转到目标页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

weex使用navigator跳转界面

1、url组装，编辑在appUtils.js文件中

exports.getUrl = function (url) {
  let bundleUrl = new String(weex.config.bundleUrl)
  console.log('bundleUrl: ', bundleUrl)
  const isAndroidAssets = bundleUrl.indexOf('file://assets/') >= 0
  const isIOSAssets = bundleUrl.indexOf('file:///') >= 0 && bundleUrl.indexOf('sign-app') > 0
  let nativeBase
  if (isAndroidAssets) {
    nativeBase = 'file://assets/dist/' + url
  } else if (isIOSAssets) {
    nativeBase = bundleUrl.substring(0, bundleUrl.lastIndexOf('/') + 1) + url
  } else {
    let host = 'localhost:8081'
    const matches = /\/\/([^\/]+?)\//.exec(bundleUrl)
    if (matches && matches.length >= 2) {
      host = matches[1]
    }

    if (typeof window === 'object') {
      nativeBase = 'http://' + host + '/'
    } else {
      nativeBase = 'http://' + host + '/'
    }
    nativeBase = nativeBase + url + '.html'
  }
  return nativeBase
}

2、调用navigator跳转到login.vue

	  const navigator = weex.requireModule('navigator')
      let utils = require('./appUtils')
      navigator.push({
        url: utils.getUrl('login'),
        animated: 'true'
      }, event => {
        console.log('callback: ', event)
      })