求教:小程序开发中not defined的问题

vue开发小程序

我觉得我在data return 中有定义comment,为何一触发点击事件就被报错,说我comment未定义代码如下:

<template>
    <div class="content">
        <textarea v-model='comment'
              class='textarea'
              :maxlength='100'
              placeholder='请输入图书短评'></textarea>
        <button @click="addTest" class="btn">发布</button>
    </div>
</template>

<script>
export default {
    data() {
        return {
            comment: '',

        }
    },
    methods: {
        addTest(){
            console.log(comment)
            const data = {
                comment: this.comment,
            }
            console.log(comment)
        }

    }

}
</script>

<style>

</style>

1个回答

我发现问题了,两个console.log(comment)的存在导致的问题,想要打印应该使用console.log(data),还是应该加强学习和基础知识的理解,这个问题不应该

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐