vue: @click および input: v-model の実行順序

今日、小さな問題を見つけました。
画像の下のチェックボックスをクリックしてください。
ここに画像の説明を挿入
コンソールに出力される
ここに画像の説明を挿入
のは、チェックボックスが明らかに選択されていますが、出力される内容は false であるということです。これは少し興味深いです。コード
<input
type="checkbox"を見てください。
v-model="checked[i]"
name=""
@click="handleChecked"
class="checked">
ここに画像の説明を挿入
明らかに動作に問題はないのですが、問題があるので非同期ではないかと思うので
追加します。
ここに画像の説明を挿入
印刷効果を確認するためのタイマー
ここに画像の説明を挿入
最後の 2 行はタイマー印刷です。
要約: vue での v-model と @click の実行順序
@click -> v-model

おすすめ

転載: blog.csdn.net/weixin_46112649/article/details/114689173