Vueメソッドに基づくシンプルなタイマーの実装
|
Vueのシンプルなタイマーを参考にしてください。具体的な内容は以下のとおりです 原理: setInterval は、1 秒 (設定可能な時間間隔) ごとに自己増分メソッドを実行するために使用され、clearInterval は、タイマーの機能を実現するために継続的に実行される自己増分メソッドを停止するために使用されます。 Vue部分では、Vueのリアルタイムリフレッシュビュー機能を利用して、自動インクリメント変数の値をフロントエンドに表示します。
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="utf-8">
<title>時間</title>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<本文>
<div id="アプリ">
<input type="button" name="" id="" value="開始" @click="開始"/></br>
<h1>{{番号}}</h1>
<input type="button" name="" id="" value="一時停止" @click="停止"/></br>
</div>
<script type="text/javascript">
var vm = 新しい Vue({
el:"#アプリ",
データ：{
番号:0
},
方法:{
開始:関数(){
時間 = setInterval(関数(){
vm.number++
},1000)
},
停止:関数(){
クリア間隔(時間)
}
}
})
</スクリプト>
</本文>
</html>レンダリング
以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: MySQL デュアルマシン ホットスタンバイ実装ソリューション [テスト可能]
>>: Linux運用保守ツールSupervisor（プロセス管理ツール）のインストールと使用
推薦する
nginx+FastDFS を使ってファイル管理システムを段階的に構築する
目次1. FastDFS の概要1. はじめに2. FastDFSストレージ戦略3. FastDFS...
Nginx セッション損失問題の解決策
nginx をリバース プロキシ tomcat として使用する場合、セッション損失が発生する可能性が...
Linux で so または実行可能プログラムの依存ライブラリを表示します
Linux で実行可能プログラムまたは so の依存ライブラリを表示します。 Linux の実行可能...
MySQLのパフォーマンスが突然低下する理由
場合によっては、SQL ステートメントが通常どおり、非常に速く実行される状況に遭遇することがあります...
Win10 MySQLでCSVをエクスポートする2つの方法
Win10 で csv をエクスポートする方法は 2 つあります。1 つ目はツールを使用することです...
CSSのマッチング問題を解決する
問題の説明ご存知のとおり、CSS を記述する場合、HTML のクラスの定義または ID の定義に従っ...
RHEL8 で静的 IP アドレスを設定するさまざまな方法の簡単な分析
Linux サーバーで作業している場合、ネットワーク カード/イーサネット カードに静的 IP アド...
LinuxにNginxを素早くインストールする方法
目次nginxとは1. 必要な依存関係をダウンロードする2. nginxの圧縮パッケージをダウンロー...
MySql のサブクエリ内のクエリ例の詳細な説明
北西を見ると私の故郷はどこにあるでしょうか。南東の満月を何度見たことがあるでしょうか。月が再びゆっく...
Jenkins でユーザー ロールの権限を設定する方法
Jenkinsのユーザーロール権限の設定には、ロール戦略プラグインのインストールが必要です。 1.ロ...
Mysql5.7.14 インストールと設定方法操作グラフィックチュートリアル（パスワード問題解決）
この記事は主に、以前のインストール方法を使用して MySQL 5.7.14 をインストールするときに...
数十億のデータに対するMySQLページングの最適化に関する簡単な説明
目次背景分析するデータシミュレーション1. 従業員テーブルと部門テーブルの2つのテーブルを作成します...
Linux リダイレクトの使用方法の詳細な説明
誰でも時々データをコピーして貼り付ける必要があると思います。コピーして貼り付けるためにファイルを開く...
Vue プロジェクトはファイルダウンロードの進行状況バー機能を実装します
日常業務でファイルをダウンロードする一般的な方法は 2 つあります。 1 つ目は、サーバーのファイル...
MySQL インデックス使用状況監視スキル (収集する価値あり!)
概要リレーショナル データベースでは、インデックスは、データベース テーブル内の 1 つ以上の列の値...