如何为 Vue 中的图片添加点击事件？导入 Vue 实例。创建 Vue 实例。在 HTML 模板中添加图片。使用 v-on:click 指令添加点击事件。在 Vue 实例中定义 handleClick 方法。
Vue 中图片添加点击事件
如何为 Vue 中的图片添加点击事件？
在 Vue 中，可以使用 v-on:click 指令为图片添加点击事件。
详细步骤：
立即学习“前端免费学习笔记（深入）”；
-
导入 Vue 实例：
import Vue from 'vue';
-
创建 Vue 实例：
const app = new Vue({ // ... }); -
在 HTML 模板中添加图片：
@@##@@
-
使用
v-on:click指令添加点击事件：@@##@@
-
在 Vue 实例中定义
handleClick方法：methods: { handleClick() { // 点击图片时执行的代码 } }
示例代码：
// HTML 模板 @@##@@ // Vue 实例
说明：
-
v-on:click指令将监听click事件。 -
handleClick方法是在图像被点击时触发的函数。 - 在
handleClick方法中，可以编写任何需要在点击图像时执行的代码。
