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

为什么alert能弹出this.list.push(this.inputValue),页面没反应?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script type="text/javascript" src="js/vue.js" ></script>

<title>todoList</title>

</head>

<body>

<div id="root">

<input v-model="inputValue"/>

<button @click="handleSubmit">提交</button>

</div>

<ul> 

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

{{item}}

</li>

</ul>

<script>

new Vue({

    el:"#root",

  data:{

inputValue:'',

list:[]

},

methods:{

handleSubmit:function(){

this.list.push(this.inputValue)

alert('123')

}

}

})

</script>

</body>

</html>


正在回答

2 回答

of list":key= 中间没空格?


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

列表应该放在root挂载点内,你没放进去

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

举报

0/150
提交
取消

为什么alert能弹出this.list.push(this.inputValue),页面没反应?

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