问答详情
源自:3-1 todolist功能开发

我的代码哪里有错?求大神帮忙

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>vue入门</title>

    <script src="./vue.js"></script>

</head>

<body>

<div id=root>

<div>

<input v-modle="inputValue"/>

<button @click="handleClick">提交</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: {

handleClick: function() {

this.list.push(this.inputValue)

this.inputValue = ''

}

}



})


</script>


提问者:慕前端7272018 2019-07-22 17:23

个回答

  • 慕标05350611
    2019-12-15 22:37:29

    一大堆错误?

  • weixin_慕慕0412102
    2019-07-26 08:17:54

    modle ==> model

  • 逆流2019
    2019-07-23 09:35:23

    <div id="root">这样会比较规范一点

  • 逆流2019
    2019-07-22 19:32:46

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>vue入门</title>
        <script src="vue.js"></script>
    </head>
    <body>
    <div id=root>
        <div>
            <input v-model="inputValue"/>
            <button @click="handleClick">提交</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: {
                handleClick: function () {
                    this.list.push(this.inputValue);
                    this.inputValue = ''
                }
            }
        })
    </script>
    
    </body>
    </html>