vue2.0

1/10ページ

Vue2.0はナビゲーションガード(ルートガード)を実装しています

ログイン確認などのルーティングのジャンプがWebサイトの一般的な要件となる前に、いくつかの検証を行います。 これに関して、vueルートによって提供されるbeforeRouteUpdateは、ナビゲーションガードの実装を容易にします。 ナビゲーションガードという名前は奇妙に聞こえますが、公式の文書はこのように翻訳されているので、単にそれを呼びましょう。 文書アドレスを貼り付けてください : https : //router.vuejs.o […]

Vue2.0モバイル側ではプルダウン・リフレッシュとプルアップ・ロードの実装例を追加

私は、vue2.0 + webpack + es6に基づいたフロントエンドアーキテクチャを構築しており、いくつかのプラグインを整理しています。以下はプルダウンのアップデートで、もっと使いやすく、誰とでも共有できます。 コードに直接、数回以上理解していない、私はそれを使用する方法を教えます。 <template lang="html"> <div class="yo-scroll" :class="{'down':(st […]

単一選択相互排除を達成するためのVue2.0方法

この記事では、Vue2.0を使用して、次のように、1つの選択肢の相互排他方法を実現し、全員に共有します。 上記の関数を実装する必要がある 1.最初にページを読み込み、データ内のcatgoryIdに従って対応するオプションを強調表示します。 2.オプションをクリックすると、オプションが強調表示され、もう1つが強調表示されます。 コード構造: <template> <dd @click="changeCategory(cu […]

Vue2.0 + koa2 + mongodb実装登録ログイン

序文 いくつかの時間前に、私は技術移転製品の同僚と彼のキャリアパスについて話しました。私は深い言葉を言った: "あなたは常にフロントエンド、データのやりとりを行い、入力方法はわかっていますが、どのように出てくるのか分かりませんが、これは限界です。 " 私はvueを学んでいたときと同じように、登録されたログインプロジェクトを見ました。私はvueプロジェクト、koaとmongodbを導入し、クライアント/クライアント提出 […]

Vue 2.0イベントのブロードキャストおよび受信(オブザーバモード)

1.Vue1.0イベントブロードキャストおよび受信(オブザーバモード) 初期のvue 1.0コンポーネント間でデータを渡す方法は、vueの公式Webサイトに$ dispatchと$ broadcastという2つのメソッドがあります。 しかし、vue2.0以降では、これらの2つの方法は廃止されました.vue公式サイトでは、次の理由があります。 公式文書 2. Vue2.0イベントのブロードキャストおよび受信(オブザーバ・モード) vue2 […]

ページスクロール位置の変更後のVue2.0経路切り替え位置

最近プロジェクトで問題が発生しましたが、vueはルーティングを切り替えるため、ページの上部からのスクロール距離は変更されません。 <a href="javascript:;" rel="external nofollow" class="btn btn01" @click="useRightNow">立即试用</a> <router-link class="db" to="/user">个人中心< […]

ページナビゲーションプロンプトガイダンスを実装するためのVue2.0メソッド

ユーザーがいくつかの新しい操作手順を実行するときに、ある程度のナビゲーションフローを提供することも必要です。 iviewダイアログはプロジェクトで使用されます。 デモ: <Modal v-if="modalOFF === 1"> <p>这里是对话框一</p> <button @click="modalOFF = 2"></button> </Modal> <M […]

ステータス値に基づくVue2.0スタイル変更表示方法

ユーザーが処理操作を実行する場合、一般に進行中、開始していない、完了しており、フロントエンド・ページは対応する状態表示を実行する必要があります。 背景色の区別はここでテストされます。 デモ: <span class="contract-span" :class="statusText[item.status][0]">{{statusText[item.status][1]}}</span> statusText […]

1 10