微信小程式 引用其他js裡的方法

2022-06-17 05:42:12 字數 1005 閱讀 9246

乙個小程式頁面由四個檔案組成,乙個小程式頁面的四個檔案具有相同路徑與檔名,由此我們可知乙個小程式頁面對應著乙個跟頁面同名的js檔案。可是當有些公共方法,我們想抽離出來成為乙個獨立公共的js檔案。我們該如何實現呢。

})在開發者工具的 console可以看到

那麼當一些通用的公共方法我們抽出來,在根目錄下新建乙個utils資料夾,新建util.js在這裡我們可以將通用的方法寫在這。

util.js

//正則判斷

function regular(str, reg)

//是否為中文

function ischinese(str)

module.exports =

var util = require('../../utils/util.js');

page(

})

在開發者工具的 console可以看到

注意了,在util.js裡的 regular()方法,我們不可以這樣呼叫util.regular(),因為我們沒有用module.exports來暴露模組介面

如果直接 呼叫則會出現這樣的錯誤

thirdscripterror

util.regular is not a function;at "pages/test/test" page lifecyclemethod onload function

typeerror: util.regular is not a function

9 微信小程式引用

wxml提供兩種檔案引用方式import和include。import可以在該檔案中使用目標檔案定義的template,如 在item.wxml中定義了乙個叫item的template 在index.wxml中引用了item.wxml,就可以使用item模板 import有作用域的概念,即只會imp...

微信小程式頁面結構 引用

乙個wxml可以通過import或include引入其他wxml檔案,兩種方式都能引入wxml檔案,區別如下 1.import引入wxml檔案後只接受模板的定義,忽略模板之外的所有內容,而且使用過程中有作用域的概念。2.include引入wxml檔案後只接受模板之外的定義,即引入檔案中除模板以外的 ...

微信小程式引用npm包

一 首先在建立小程式專案自動生成的miniprogram中反鍵 在終端中開啟 二 在開啟的cmd視窗中輸入命令npm init一直回車就行,構建package.json檔案 三 構建完package.json檔案後,就可以嘗試初始化專案,輸入命令 npm install production 第乙個...