为什么运行不了?求大神帮我找下bug我实在找不出来了

来源:3-1 todolist功能开发

慕沐0597354

2019-03-15 09:13

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src ="vue.js"></script>
</head>
<body>
<div id="root">
    <div>
        <input v-model="inputValue"/>
        <button @click="handleSubmit">提交</button>
    </div>
    <ul>
        <li v-for="(item,index) of list" :key="index">{{item}}</li>
    </ul>
</div>
<script>
    new Vue({
        el:"#root",
        data:{
            inputValue:'',
            list:{}
        },
        methods:{
            handleSubmit:function(){
                this.list.push(this.inputValue)
                this.inputValue=""
 }
        }
    })
</script>
</body>
</html>


写回答 关注

3回答

  • 慕码人0226809
    2020-04-15 20:11:27
    list:{}
    list:[]


  • JIANGYUHANG
    2019-07-04 21:47:55

    多善于F12看错误信息吧,其实新手时期都是一些字母以及符号的错误,遇到的多了就知道了

  • 慕沐0597354
    2019-03-15 10:00:12

    我已经找到了,是list:[]  我粗心,写成了{}

    每次都是这种小细节错

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146817 学习 · 657 问题

查看课程

相似问题