Vue.js之事件的绑定(v-on: 或者 @ )
来源:互联网 发布:windows to go 激活 编辑:程序博客网 时间:2024/05/22 08:12
1、Vue.js事件绑定的一般格式
v-on:click='function' v-on:click/mouseout/mouseover/ @click
2、Vue.js事件绑定的实现
2.1 JavaScript代码
<script type="text/javascript" src="../js/vue-1.0.21.js"></script> <script type="text/javascript"> window.onload = function() { vm = new Vue({ el: '#app', data: { arrMsg: ['apple', 'orage', 'pear'] }, methods: { show: function() { alert(this.arrMsg); } } }); } </script>
2.2 html代码
<div id="app" class="container"> <hr /> 事件的绑定方式一,v-on指令 <button type="button" v-on:click='show' class="btn btn-primary btn-default">显示数据</button> <hr/>事件的绑定方式二,简写方式 <button type="button" @click="show" class="btn btn-success btn-default">显示数据</button> </div>
阅读全文
0 0
- Vue.js之事件的绑定(v-on: 或者 @ )
- Vue.js之事件的绑定(v-on: 或者 @ )
- Vue.js 组件中的v-on绑定自定义事件理解
- vue.js的事件处理器v-on:click
- vue中v-on绑定自定事件
- v-on事件绑定
- vue.js学习笔记之v-bind,v-on
- vue.js之v-on与v-bind
- Vue.js学习笔记:v-no绑定事件
- VUE(事件处理 v-on)
- 04、vue.js 之绑定事件
- vue的v-on
- v-on 绑定自定义事件
- vue.js学习笔记之属性绑定 v-bind
- Vue.js之视图和数据的双向绑定(v-model)
- Vue.js使用v-bind绑定class时的注意事项
- vue.js 表单控件 输入绑定 v-model的使用
- Vue.js学习---v-on指令
- java实现DES数据加密与解密
- centos7安装mysql
- LinkedList的实现原理
- [持续更新]Android 细节,小技巧 详细说明收集
- Activity
- Vue.js之事件的绑定(v-on: 或者 @ )
- 【CentOS7.x】设置tomcat开机启动
- 关于Linux系统下的web项目的一些再补充
- ubuntu16.04 anaconda2 caffe环境配置
- 在Eclipse中测试MySQL-JDBC(3)增加(插入)【抛异常和抓异常】及中文乱码解决【U】
- IIS服务器开设10W请求限制
- 移动商城第六篇【分析商品的数据模型】
- json_parser_read.hpp:257:264: error: ‘type name’ declared as function returning an array escape
- 缓存分类