今日ログインページを書いていたとき、個人情報と携帯電話番号を認証する必要がありましたが、ページにボタンを 2 つだけ置くのは愚かではないでしょうか? ? ? 私は、ユーザーが携帯電話番号を認証できるようにするためのマスク レイヤーを作成しました。 1. WeChat ログイン ショートカットをクリックすると、最初にトリガーされるのは、ユーザー情報 userInfo を取得する WeChat ネイティブ メソッドであり、次に成功コールバックでマスク レイヤーが開かれます... 2. マスクレイヤーにボタンがあります。このボタンは、WeChat のネイティブ getPhoneNumber メソッドをトリガーして、ユーザーの携帯電話番号を取得します。これについては、これ以上説明する必要はありません。 。 。 。 コードを直接ダンプする <!--クイックログイン--> <ボタン open-type="getUserInfo" @tap="getUserProfile"> <view class="アイテム列中央"> <image class="iconc" src="/static/img/share/wx.png"></image> </ビュー> </ボタン> <!--ログインポップアップウィンドウ--> <view class="modal-mask" catchtouchmove="preventTouchMove" v-if="showModal"></view> <view class="modal-dialog" v-if="showModal"> <view class="modal-content"> <view><image src='' class='show'></image></view> <view >携帯電話番号をバインドする</view> <view>この操作を実行する前に携帯電話番号をバインドしてください</view> <ボタン open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"> <image src='/static/img/share/wx.png' class='iconWx'></image>WeChat ユーザーのワンクリックバインディング </button> </ビュー> </ビュー> メソッド: { ユーザープロファイルを取得する(){ // ユーザー情報を取得するには wx.getUserProfile を使用することをお勧めします。開発者は、このインターフェイスを通じてユーザーの個人情報を取得するたびに確認する必要があります。// 開発者は、ポップアップが繰り返し表示されるのを避けるために、ユーザーがすばやく入力したアバターのニックネームを適切に保存する必要があります。wx.getUserProfile({ desc: '会員情報を記入するために使用されます', //ユーザーの個人情報を取得する目的を宣言します。これは後でポップアップウィンドウに表示されますので、慎重に記入してください success: (res) => { this.showDialogBtn(); // ポップアップウィンドウを呼び出して、ワンクリックで携帯電話番号を取得します(自分で作成) } }) }, // ワンクリックで電話番号を取得するためのポップアップウィンドウを表示する showDialogBtn: function () { this.showModal = true }, // ワンクリックで電話番号を取得するためのポップアップウィンドウを非表示にするhideModal: function () { this.showModal = false }, //ユーザーの電話番号を取得するgetPhoneNumber(e) { コンソール、ログ(e.detael) }, 要約する WeChatミニプログラムがユーザー情報とユーザーの携帯電話番号を同時に取得する方法についての記事はこれで終わりです。WeChatミニプログラムがユーザー情報と携帯電話番号を取得する方法についての関連コンテンツについては、123WORDPRESS.COMの以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも123WORDPRESS.COMを応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: MySQL の if 関数の正しい使い方の詳細な説明
>>: 中国語でのNginx設定パラメータの詳細な説明(負荷分散とリバースプロキシ)
Nginxのproxy_cacheを使用してキャッシュサーバーを構築する1: ngx_cache_...
私のプロジェクトの特定の機能ではサーバーが rabbitmq にメッセージを送信する必要があるため、...
目次依存関係をインストールするブーストをインストールMySQLをコンパイルしてインストールする構成依...
昨日のプロジェクト開発中に、スタイルの読み込み優先順位に関する問題が発生しました。クラスは定義され、...
問題の説明:フロントエンドがデータの一部を削除したり、新しいデータを追加したりすると、バックエンドの...
1. 文字セットを確認する1. MYSQLデータベースサーバーとデータベースの文字セットを確認する方...
序文mysqlslap は、MySQL サーバーへのクライアント負荷をシミュレートし、各ステージの時...
ダウンロード: http://dev.mysql.com/downloads/mysql/ Cドライ...
最近、ストアド プロシージャの名前を変更する機能を使用しました。インターネットで情報を検索しましたが...
IPマスカレードとポート転送Firewalldは2種類のネットワークアドレス変換をサポートしています...
序文デッドロックの本質はリソースの競合です。バッチ挿入の順序が一貫していないと、デッドロックに陥りや...
ページコンテンツ全体を中央に配置する方法と、コンテンツに合わせて高さを自動的に拡大縮小する方法。これ...
序文この記事はかなり詳細で、少し面倒です。他のチュートリアル ドキュメントでは多くの手順が省略されて...
序文最近、MySQL 5.7 をインストールしましたが、問題が見つかりました。コマンド ライン ウィ...
1. IDEAの下にあるターミナルをクリックし、mvn clean installと入力します。 次...