为了账号安全,请及时绑定邮箱和手机立即绑定

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

<!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>


正在回答

4 回答

一大堆错误?

0 回复 有任何疑惑可以回复我~

modle ==> model

2 回复 有任何疑惑可以回复我~

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

1 回复 有任何疑惑可以回复我~
<!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 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信