<div id="example-2">
<!-- `greet` 是在下面定义的方法名 -->
<button v-on:click="greet">Greet</button>
</div>
var example2 = new Vue({
el: '#example-2',
data: {
name: 'Vue.js'
},
// 在 `methods` 对象中定义方法
methods: {
greet: function (event) {
// `this` 在方法里指向当前 Vue 实例
alert('Hello ' + this.name + '!')
// `event` 是原生 DOM 事件
if (event) {
alert(event.target.tagName)
}
}
}
})
// 也可以用 JavaScript 直接调用方法
example2.greet() // => 'Hello Vue.js!'
// 左侧为 WEB 事件,右侧为 ``uni-app`` 对应事件
{
click: 'tap', 点击时
touchstart: 'touchstart', 触摸时
touchmove: 'touchmove', 触摸移动时
touchcancel: 'touchcancel', 停止跟踪触摸时
touchend: 'touchend', 触摸移出时
tap: 'tap', 按下时
longtap: 'longtap', 长按时
input: 'input', 输入时
change: 'change', 选择时
submit: 'submit', 表单提交时
blur: 'blur', 失去焦点时
focus: 'focus', 获得焦点时
reset: 'reset', 表单重置时
confirm: 'confirm', 显示消息提示时
columnchange: 'columnchange', 字段变化时
linechange: 'linechange', 行变化时
error: 'error', 错误时
scrolltoupper: 'scrolltoupper', 滚动到顶部时
scrolltolower: 'scrolltolower', 滚动到底部时
scroll: 'scroll' 滚动时
}