学习笔记——微信小程序登录及冒号与等号的区别

1、微信小程序登录

        wxml页面部分代码

<scroll-view class="scrollarea" scroll-y type="list">
  <view class="container">
    
  <view class="login-icon">
    <image  class="login-img" mode="aspectFill" src="/images/background.png" bindtap="previewSqs"></image>
  </view>
  <view class="login-from">
 
    <!--账号-->
    <view class="inputView">
      <image class="nameImage" src="/images/搜索.png"></image>
      <label class="loginLab">账号</label>
      <input class="inputText" placeholder="请输入账号" bindinput="usernameInput" />
    </view>
    <view class="line"></view>
 
    <!--密码-->
    <view class="inputView">
      <image class="keyImage" src="/images/搜索.png"></image>
      <label class="loginLab">密码</label>
      <input class="inputText" password="true" placeholder="请输入密码" bindinput="passwordInput" />
 
    </view>
 
    <!--按钮-->
    <view class="loginBtnView">
      <button class="loginBtn" type="primary" size="{{primarySize}}" loading="{{loading}}" plain="{{plain}}" disabled="{{disabled}}" bindtap="gotohome">登录</button>
    </view>

  </view>
  </view>
</scroll-view>

js页面部分代码

let username=''
let password=''
Page({
  data:{
    username :'',
    password :''
  },
  usernameInput(e){
    username=e.detail.value
  },
  passwordInput(e){
    password=e.detail.value
  },
  
  gotohome: function () {
    let flag=false
    if (username=='') {
      wx.showToast({
        icon:'none',
        title: '用户名不能为空',
      })
    }else if(password==""){
      wx.showToast({
        icon:'none',
        title: '密码不能为空',
      })     
    }else{
      wx.navigateTo({
        url: '/pages/home/home',
        })
    }
  
}
  
})

let username=''，let password=''声明了全局变量，代码中username与password通过事件处理函数获取到输入的数据。

2、冒号与等号的区别

1、在 JavaScript 中，=用于赋值操作。例如，a = 10 表示将数值 10 赋给变量 a。在小程序中，当你需要将一个值赋给一个变量或者属性时，会使用等号

2、：常为分隔健值对中的健和值，如

page({
    data{
        shuju:'123'
}
})

shuju为健，‘123’为值