weex --url地址剪切--js文件引入--页面跳转

1.url地址片段获取

eg:获取 http://192.168.1.123:8081/components/qwe.html 地址的 http://192.168.1.123:8081/

获取原因：weex中页面的跳转需要绝对地址，为方便地址跳转，所以建立一个函数

步骤：建立一个js文件，包含以下代码

function https(){
    var uurl =weex.config.bundleUrl;            
    var uurls = uurl.split(':');
    var ports = uurls[2];
    ports=ports.split('/');
    var hrefs=uurls[0]+":"+uurls[1]+":"+ports[0]+"/";  
    return hrefs;  //return的hrefs就是你的文件的这段地址http://192.168.1.123:8081/

}

      

2.js引入问题

在需要引入某js的文件中  import qwe from '../qwe.js'; 

在被引用的文件中  export default { jump}  //输出需要被外部文件引用的函数，其中jump是被引用的文件中的某个函数名

3. 页面跳转

被引用的js文件

 

const navigator = weex.requireModule('navigator');
const modal = weex.requireModule('modal');
function https(){
    var uurl =weex.config.bundleUrl;   l          
    var uurls = uurl.split(':');
    var ports = uurls[2];
    ports=ports.split('/');
    var hrefs=uurls[0]+":"+uurls[1]+":"+ports[0]+"/";  
    return hrefs;
}
function jump (address) {
    var httpAdd = https(); 
    navigator.push({
        url:httpAdd + address,
        animated: "true"
    }, address => {
        modal.toast({ message: 'callback: ' + address })
    });
} 
export default { 
    jump,https
} 

要引用某js文件的文件，有跳转的文件

<template>
<div>
    <text  @click="active('dist/components/lingyige.js')">跳转</text>
</div>
</template>
<script>
import  qwe from '../qwe.js';
methods: {
        active(url){   //命名一个函数进行
            qwe.jump(url);
        }
}

     weex中文件的跳转不是直接使用src中文件地址，而是使用编译后dist中的文件地址。

4. 问题

  在引用js的文件中，有没有办法不再次命名一个函数进行转载，而是在@click中直接使用引入的js文件中某个函数。若有解决方法，麻烦留言一下，谢谢(*￣︶￣)