首页/ 学科题库/ vue/ 事件处理与表单绑定专题
vue 专题精讲

事件处理与表单绑定专题

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
想在手机上刷这套专题的真题?
使用微信 卷王开发者小程序/App,首页顶部扫一扫识别二维码,即可解锁本专题全部配套练习与错题本。
了解产品 App
← 上一个专题 Vue简介与项目创建专题 下一个专题 → 响应式原理与性能优化专题