Vue2.0添加点击事件

 时间:2026-04-26 05:08:40

1、html页面中直接引入<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

Vue2.0添加点击事件

2、编写一个大体框架;

Vue2.0添加点击事件

3、插入一个按钮button

Vue2.0添加点击事件

Vue2.0添加点击事件

4、用v-on指令给按钮绑定一个点击事件;<button v-on:click="num++">点击</button> :<组件 指令:参数="值" />,这里num++是一个内联函数;

Vue2.0添加点击事件

Vue2.0添加点击事件

5、参数后面可以跟修饰符v-on:click.once="num++" :<组件 指令:参数.修饰符1.="值" />,这里once表示只能点击一次;

Vue2.0添加点击事件

Vue2.0添加点击事件

6、值可以是一个函数,函数写在methods:{}中;

Vue2.0添加点击事件

Vue2.0添加点击事件

7、v-on指令可以用@代替;v-on:click  = @click;

Vue2.0添加点击事件

Vue2.0添加点击事件

  • js如何给span标签添加点击事件
  • layer点击确认触发事件;layer点击确认按钮事件
  • jquery绑定点击事件的方法
  • 在vue中怎么点击添加组件
  • WPF如何给Button添加点击事件
  • 热门搜索
    林冲怎么死的 鲅鱼怎么做好吃 笔记本怎么重装系统 咖喱饭怎么做 脸上的黄褐斑怎么去掉 b站视频怎么下载 慢性阑尾炎怎么治疗 尿频怎么办 除号在键盘上怎么打 大便拉不出来怎么办