BasicIm 发表于 2026-4-27 07:11:06

按一次按钮,数字加1

<template>
        <view>
               
                <text>{{title}}</text>
                <text v-for="(item,index) in list" :key="index">{{item}}</text>
                <view>{{ count }}</view>
                <button @click="clickHandle">按钮</button>
        </view>
</template>

<script>
        export default {
                data() {
                        return {
                                title: 'Hello!',
                                list:["iwen","ime","frank"],
                                count:0
                        }
                },
                onLoad() {

                },
                methods: {
                        clickHandle(){
                               
                                /*console.log("打印信息")/*控制台打印信息*/
                                this.count++
                        }
                }
        }
</script>

<style>
       
</style>

FishC 发表于 2026-4-27 07:11:17

您提供的代码中缺少绑定点击事件,并且 list:, 部分未指定初始值,会导致语法错误。请按以下修改:


[*] 为按钮添加 @click 事件处理器,例如 @click="clickHandle"。
[*] 将 list:, 改为 list: [],(初始为空数组)。


修正后的完整代码如下:


<view>
<text>{{title}}</text>
<text v-for="(item,index) in list" :key="index">{{item}}</text>
<view>{{ count }}</view>
<button @click="clickHandle">按钮</button>
</view>

export default {
data() {
    return {
      title: 'Hello!',
      list: [],
      count: 0
    }
},
onLoad() {

},
methods: {
    clickHandle(){
      this.count++
    }
}
}


修改后,点击按钮即可使 count 加 1。

以上回复来自 FishC AI 小助理,如未能正确解答您的问题,请继续追问。
页: [1]
查看完整版本: 按一次按钮,数字加1