慕沐0597354
2019-03-15 09:13
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src ="vue.js"></script> </head> <body> <div id="root"> <div> <input v-model="inputValue"/> <button @click="handleSubmit">提交</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:{ handleSubmit:function(){ this.list.push(this.inputValue) this.inputValue="" } } }) </script> </body> </html>
list:{}
list:[]
多善于F12看错误信息吧,其实新手时期都是一些字母以及符号的错误,遇到的多了就知道了
我已经找到了,是list:[] 我粗心,写成了{}
每次都是这种小细节错
vue2.5入门
146817 学习 · 657 问题
相似问题