uni-app 之 v-on:click点击事件
image.png
<template>
<!-- vue2的<template>里必须要有一个盒子，不能有两个，这里的盒子就是 view-->
<view>
--- v-on:click点击事件 ---
<view v-on:click="onclick">{{title}}</view>
--- 点击事件简写 @click ---
<view @click="onclicknum">数字：{{num}}</view>
</view>
</template>
<script>
export default {
data() {
return {
title: "事件1",
num: 1
}
},
methods: {
// vue3里可以直接省略this. vue2则不可以
onclick: function() {
this.title = "事件点击后变化"
},
// 简写，直接省略: function
// onclicknum() {
// this.num++
// },
onclicknum: function() {
this.num++
}
}
}
</script>
<style lang="scss">
</style>