鱼C论坛

 找回密码
 立即注册
查看: 34|回复: 1

[萌新报道] 按一次按钮,数字加1

[复制链接]
发表于 9 小时前 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
<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>
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 9 小时前 | 显示全部楼层
您提供的代码中缺少绑定点击事件,并且 list:, 部分未指定初始值,会导致语法错误。请按以下修改:

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


修正后的完整代码如下:


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

  7. export default {
  8.   data() {
  9.     return {
  10.       title: 'Hello!',
  11.       list: [],
  12.       count: 0
  13.     }
  14.   },
  15.   onLoad() {

  16.   },
  17.   methods: {
  18.     clickHandle(){
  19.       this.count++
  20.     }
  21.   }
  22. }
复制代码


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

以上回复来自 FishC AI 小助理,如未能正确解答您的问题,请继续追问。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2026-4-27 16:54

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表