uni-number-box如何判断是点击的是加号还是减号,请给出示例
时间: 2024-03-03 10:49:50 浏览: 161
numberbox-card:用加号和减号按钮替换input_number滑块
可以使用 `event.target` 属性来判断点击的是加号还是减号。示例代码如下:
```html
<template>
<view>
<uni-number-box @add="handleAdd" @reduce="handleReduce"></uni-number-box>
</view>
</template>
<script>
export default {
methods: {
handleAdd(event) {
// 判断点击的是加号
if (event.target.type === 'add') {
console.log('点击了加号');
// 进行相应的处理
}
},
handleReduce(event) {
// 判断点击的是减号
if (event.target.type === 'reduce') {
console.log('点击了减号');
// 进行相应的处理
}
}
}
}
</script>
```
在上面的示例中,当用户点击加号时,会触发 `handleAdd` 方法,该方法会接收一个 `event` 参数,其中包含了 `target` 属性,该属性表示触发事件的元素。因此,我们可以通过判断 `target.type` 属性的值来确定点击的是加号还是减号。当 `target.type` 的值为 "add" 时,表示点击的是加号;当 `target.type` 的值为 "reduce" 时,表示点击的是减号。
阅读全文