为了账号安全,请及时绑定邮箱和手机立即绑定
关注
云爆雷声

有大佬有空看下吗,点击按钮之后无反应

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>todolist</title>
    <script src="vue.js"></script>
</head>

<body>
<div id="root">
     <div>
     <input v-model="inputValue"/>
     <button @click="handleClick">Enter</button>
     <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(tihs.inputValue)
        inputValue=''
        }
        }
    })
</script>
</body>
</html>

2018-05-12 源自:vue2.5入门 516 浏览 2 回答

最佳回答

2018-05-13

<div id="root">
     <div>
     <input v-model="inputValue"/>
     <button @click="handleClick">Enter</button>
     <ul>
     <li v-for="(item,index) of list":key="index">
     {{item}}
     </li>
     </ul>
</div>

这里root下的第一个div没有闭合

 this.list.push(tihs.inputValue)

这里this你写错了

云爆雷声 (提问者)

谢谢!

#1 2018-05-13 回复

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>todolist</title>

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

</head>


<body>

<div id="root">

     <div>

     <input v-model="inputValue"/>

     <button @click="handleClick">Enter</button>

     <ul>

     <li v-for="(item,index) of list" :key="index">

     {{item}}

     </li>

     </ul>

  </div>

</div>



<script>

    new Vue({

        el: '#root',

        data:{

        inputValue:'',

        list:[]

        },

        methods:{

        handleClick:function(){

        this.list.push(this.inputValue)

        inputValue=''

        }

        }

    })

</script>

</body> 

</html>


2018-05-13
回复 0

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信