這篇文章給大家分享的是有關(guān)使用toast組件實(shí)現(xiàn)提示用戶忘記輸入用戶名或密碼功能的示例的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)專注于江口企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),商城網(wǎng)站定制開發(fā)。江口網(wǎng)站建設(shè)公司,為江口等地區(qū)提供建站服務(wù)。全流程定制開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

1、效果展示

2、關(guān)鍵代碼

① index.wxml

 
  用戶名：
  
 
 
  密碼：
  
 
 
  登錄
  重置
 

{{userName}}
{{psw}}
用戶名或密碼不能為空！

② index.js

Page({
 data:{
  // text:"這是一個(gè)頁面"
  toastHidden:true,
  userName:'',
  psw:''
 },
 formBindsubmit:function(e){
  if(e.detail.value.userName.length==0||e.detail.value.psw.length==0){
   this.setData({
    toastHidden:!this.data.toastHidden
   })
  }else{
   this.setData({
    tip:'',
    userName:'用戶名：'+e.detail.value.userName,
    psw:'密碼：'+e.detail.value.psw
   })
  }
 },
 formReset:function(){
  this.setData({
   userName:'',
   psw:''
  })
 },
 toastBindChange:function(){
  this.setData({
    toastHidden:!this.data.toastHidden
  })
 }
})

感謝各位的閱讀！關(guān)于“使用toast組件實(shí)現(xiàn)提示用戶忘記輸入用戶名或密碼功能的示例”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！