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文件中某個函數。若有解決方法,麻煩留言一下,謝謝(* ̄︶ ̄)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM