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>