【微信小程序】引用公共js文件

10月前作者：smile_star_cute 分类：Toy博客阅读(43) 违法举报

这篇具有很好参考价值的文章主要介绍了【微信小程序】引用公共js文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.文件目录情况

我这里的公共js文件为utils文件下的util.js，需要导出的公共方法是 verifyPhone()；我需要在login.js中调用util.js中的verfyPhone方法

2.utils.js文件

function verifyPhone(e){
    console.log(e);
};
export default {
  verifyPhone:verifyPhone
}

3.login.js

导入

注意：1、这里要写相对路径

2、要加.js后缀

import util from "../../utils/util.js";

使用

<input 
    class="l-phone"  
    bindblur="testPhone" 
    placeholder="请输入您的手机号码"
    type="number"
    maxlength="11"
    bindinput="noneMethod"
 />

login.wxml

testPhone(e){
    util.verifyPhone(e.detail.value);
},

login.js文章来源地址https://www.toymoban.com/news/detail-763297.html

到了这里，关于【微信小程序】引用公共js文件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

微信小程序配置绝对路径引入文件

微信小程序默认使用相对路径引入文件在多层文件夹时需要很长前缀 const { ClueApi } = require(\\\'../../../../utils/api.js\\\') 配置方法在app.json里面配置 \\\"resolveAlias\\\": { \\\"@/*\\\": \\\"/*\\\" } 在页面使用 const { ClueApi } = require(\\\"@/utils/api\\\");

2024年02月12日
浏览(55)
微信小程序关于wxs语法、以及能否引入js中的方法（不能调用）

页面中使用wxs 或者参考：WXS | 微信开放文档 wxs能引入外部js文件吗 | 微信开放社区微信小程序中的WXS语法 1、WXS 中不支持let和const，不支持箭头函数。 2、变量命名必须符合下面两个规则：首字符必须是：字母（a-zA-Z），下划线（_）剩余字符可以是：字母（a-zA-Z），下划

2024年02月06日
浏览(66)
vue3引入JS-SDK实现h5分享小卡片、跳转微信小程序功能

微信js-sdk官方文档： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 想要实现的效果： 1.登录微信公众平台，进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 2.通过npm引入js-sdk 安装成功后，可以在package.json中找到\\\"weixin-js-sdk\\\" 3.在main.js中，将js-sdk挂载

2024年02月11日
浏览(68)
【微信小程序】在WXML文件中显示JS文件中全局变量

我们知道在wxml中可以通过数据绑定的方法来获取到js文件中data里面的数据，并且显示到wxml界面，那么我们该如何在wxml中显示js文件里面的全局变量呢？在wxml种我们可以显示js代码中data代码段中的变量。具体的操作是： 1.在js中添加data字段以及相应的格式，并在data字段中创

2024年02月04日
浏览(66)
【微信小程序】wxml、wxss、js、json文件介绍

😉博主：初映CY的前说(前端领域) ,📒本文核心：微信小程序的入门介绍【前言】书接上回，我们知道了一个小程序的构成结构，接下来我们来进一步学习小程序的目录结构中的.wxml、.wxss、.js、.json。用于页面的布局结构，相当于网页中 .html 文件换做网页来说就是我们的

2024年02月09日
浏览(66)
利用PDF.js在微信小程序里预览PDF文件

在微信小程序可以通过wx.downloadFile 和 wx.openDocument 两个api下载并打开pdf文件。这种方式主要有不少的缺点： 1、需要下载才可以查看，且每次打开都需要下载生成一个临时文件，如果PDF文件比较多的话，临时文件会越来越多，且如果PDF文件比较大的话，打开会比较慢。 2、在导

2024年02月03日
浏览(75)
【微信小程序】JS文件内数组循环（批量）更新方法图片批量增删

学习微信小程序开发时遇到图片的批量增删问题，在分析了一些大佬的代码之后总结如下：先定义一个临时数组承接已有的数组，进入循环用push来增加内容，或者用splice来删除内容，然后循环结束后，用setData把临时数组更新到原数组名下。示例代码：日拱一卒功不唐捐

2024年02月12日
浏览(49)
微信小程序引入vant与解决[ app.json 文件内容错误] [“van-button“]: “@vant/weapp/button/index“ 未找到

下面模拟小白引入vant所遇到的问题与[ app.json 文件内容错误] [\\\"van-button\\\"]: \\\"@vant/weapp/button/index\\\" 未找到 1，利用npm引入vant组件，在目录下初始化组件库命令：npm init 按ENTER键直到最后回yes好了 2，npm i vant-weapp -S --production 3，回到小程序构建npm 4，此时可能会出现这样的一个问题

2024年02月11日
浏览(57)
微信小程序引入地图

微信小程序引入地图 1.可以直接在页面设置map标签显示出地图，然后通过设置其大小控制地图显示面积。 2.可以通过scale改变地图缩放级别和longitude和latitude属性设置地图中心的经纬度。 3.可以通过markers属性设置地图标点引入的数组必须是一下格式：如果是从接口获取的数据

2024年02月09日
浏览(71)
小程序引入外部js文件

util.js文件调用 common.js文件调用

2024年02月11日
浏览(38)