如何给自制的微信小程序设置一个密码

2022年6月22日 604次阅读 来源: 月丶匈

给自制的微信小程序设置密码，需要wxml文件和js文件。本文将wxml文件命名为fenliu.wxml，将js文件命名为fenliu.js。

fenliu.wxml文件内容为：

<view>       
  <input bindinput='mima' type="number" placeholder="输入密码自动跳转" focus="true"/>  
</view>

在fenli.wxml中，input是微信小程序自带的模块，允许用户进行输入，这里的作用是让用户输入密码；mima是一个函数名，这个函数主要的功能就是判断密码是否正确，如果密码正确就会跳转，否则就会留在原始界面；type=“number”表示密码是数字组成；placeholder是未输入密码时input模块显示的内容，这里的作用是提示用户进行密码输入。

fenliu.js文件内容为：

Page({
  mima: function (e) {
    if (e.detail.value == 301) {
      wx.navigateTo({ url: '/pages/jiance/jiance', })
    }
    else {
      console.log("密码错误！");
    }
  }
})

fenliu.js文件主要的作用就是定义函数mima，mima函数的功能刚才已经描述。这里主要是进行实现。使用一个if函数，将input输入的内容e进行判断。如果input输入的内容和密码一致（例如本文中设置的密码是301，如果输入的e为301，则密码正确），则使用wx.navigateTo进行跳转，否则会在后台显示密码错误。

最终效果图为：

《如何给自制的微信小程序设置一个密码》

    原文作者：月丶匈
    原文地址: https://blog.csdn.net/qq_36671997/article/details/122613180
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞