全部学科
Python全栈
python
NodeJS全栈
nodejs
📝 1 篇文章 4 道配套习题

事件处理与表单绑定专题

专题说明

本专题涵盖Vue.js的事件处理机制、v-on指令、事件修饰符、按键修饰符以及表单绑定的高级应用。

学习目标

  1. 掌握v-on指令的使用和事件处理方法
  2. 理解事件修饰符和按键修饰符的作用
  3. 掌握表单绑定的高级应用场景

学习内容

  • v-on指令与方法调用
  • 事件修饰符(.stop、.prevent、.capture等)
  • 按键修饰符(.enter、.tab、.delete等)
  • 表单输入绑定

学习建议

建议先阅读配套完整指南,理解Vue的事件处理机制后再开始答题,重点掌握修饰符的使用场景。

📝 配套习题(4 题)

💡 参考答案在文末
单选题
1

在Vue中,以下哪种方式可以绑定一个点击事件?

A

v-on:click="handleClick"

B

@click="handleClick"

C

onclick="handleClick"

D

A和B都正确

2

如何监听回车键按下事件?

A

@keyup.enter="handleEnter"

B

@keydown.enter="handleEnter"

C

@keyup.13="handleEnter"

D

以上都可以

多选题
3

以下哪些是Vue支持的事件修饰符?

A

.stop

B

.prevent

C

.capture

D

.once

填空题
4

v-model的三个常用修饰符中,____________用于将同步更新变为change事件后更新,____________用于自动将输入值转为数字,____________用于自动过滤首尾空白字符。

参考答案
1.D 2.D 3.A;B;C;D 4..lazy;.number;.trim
想在手机上练习这套专题?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码
← 上一个专题 Vue简介与项目创建专题
下一个专题 → 响应式原理与性能优化专题
扫码体验小程序
加载中
想在手机上刷题学习?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码