vue click

作者：▍看女人酒醒的疯癫。发布日期:2025-04-02 浏览:94

// 示例代码：Vue 中使用 click 事件绑定

<template>
  <div>
    <!-- 使用 v-on 指令绑定 click 事件 -->
    <button v-on:click="handleClick">点击我</button>
    <p>按钮被点击了 {{ count }} 次</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0 // 初始化计数器
    };
  },
  methods: {
    handleClick() {
      // 每次点击按钮时，count 增加 1
      this.count++;
    }
  }
};
</script>

<!-- 解释说明：
1. `v-on:click` 是 Vue 中用于绑定点击事件的语法。
2. `handleClick` 方法在每次点击按钮时被调用，并更新 `count` 的值。
3. `{{ count }}` 是 Vue 的插值语法，用于将数据动态渲染到页面上。 -->

上一篇：vue extend

下一篇：vue 时间戳