问答详情
源自：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

    一大堆错误?

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

    modle ==> model

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

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

    1
  • 逆流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>


    0