Vue2.0添加点击事件

2025-06-02 07:18:51

1、html页面中直接薪姚蟪食引入<script src="https://cdn.jsdelivr.n髫潋啜缅et/npm/vue/dist/vue.js"></script>

Vue2.0添加点击事件

2、编写一个大体框架;

Vue2.0添加点击事件

3、插入一个按钮button

Vue2.0添加点击事件
Vue2.0添加点击事件

4、用v-on指令给按钮绑定一个点击事件;<buttonv-on:click=&孥恶膈茯quot;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添加点击事件
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢