给自制的微信小程序设置密码,需要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进行跳转,否则会在后台显示密码错误。
最终效果图为: