WeChat-Applet implementiert SMS-Login in Aktion

importiere uView von „uview-ui“;
Vue.use(uView);

@import 'uview-ui/theme.scss';

<style lang="scss">
	/* Beachten Sie, dass es in die erste Zeile geschrieben werden sollte und das Attribut lang="scss" zum Style-Tag hinzugefügt werden sollte*/
	@import "uview-ui/index.scss";
</Stil>

"easycom": {
		"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue",
	},

<Vorlage>
  <Klasse anzeigen="wrap">
    <Ansichtsklasse="Anmelden">
      <Klasse anzeigen="login-logo">
        <Bild src="../../../../static/img/logo.png"
               mode=""></image>
      </Ansicht>
      <Ansichtsklasse="Formularansicht"></Ansicht>
    </Ansicht>

    <u-form :model="Modell"
            ref="uForm">
      <u-form-item: rightIconStyle="{ Farbe: '#888', Schriftgröße: '32rpx' }"
                   :label-position="Beschriftungsposition"
                   label="Mobiltelefonnummer"
                   prop="Telefon"
                   Beschriftungsbreite="150">
        <u-input :border="Rand"
                 Platzhalter="Bitte geben Sie Ihre Telefonnummer ein"
                 v-model="modell.telefon"
                 Typ="Nummer"></u-Eingabe>
      </u-form-item>
      <u-form-item :label-position="Beschriftungsposition"
                   label="Bestätigungscode"
                   prop="Code"
                   Beschriftungsbreite="150">
        <u-input :border="Rand"
                 Platzhalter="Bitte geben Sie den Bestätigungscode ein"
                 v-model="modell.code"
                 Typ="Text"></u-Eingabe>
        <u-Tastenschlitz="rechts"
                  Typ="Erfolg"
                  Größe="mini"
                  @click="getCheckNum">{{ codeTips }}</u-button>
      </u-form-item>

      <Ansichtsklasse="Bot-Ansicht">

        <button Klasse="btn btn-senden"
                @click="doLogin">Anmelden</button>
      </Ansicht>
    </u-form>
    <u-verification-code Sekunden="60"
                         ref="uCode"
                         @change="codeChange"></u-Verifizierungscode>
  </Ansicht>
</Vorlage>

importiere utilTools aus „../../../../utils/UtilTools.js“;
importiere { isMobile } von '../../../../utils/validate.js';
	getCheckNum() {
			let obj = utilTools.getParams();
			obj.Methode = "xxx";
			obj.message = JSON.stringify({ Mobiltelefon: dieses.Modell.Telefon });
			dies.$Api.getDataFromWeb(obj).then(data => {
					wenn (!!Daten && Daten['Erfolg'] == 'wahr') {
						dies.$refs.uCode.start();
					} anders {
						dies.$Api.messHint(`${data.detail}`);
					}
				})
				.catch(err => {
					 dies.$Api.messHint(`${err.errMsg}`);
				});
		}

Anfrage aus „./request.js“ importieren;
const request = neue Anfrage().http;

Hostadresse:'xxxx',

getDataFromWeb:Funktion(Daten){
		Rückgabeanforderung (`${this.hostAddress}`, Daten, 'POST')
	}