老師講的很好，從頭聽到尾的，有一問題，我輸入內(nèi)容在input，點提交，li顯示只有默認(rèn)的圓點，求各路大牛解答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="text/javascript" src="{{url_for('static', filename='vue/vue.min.js')}}"></script>
</head>
<body>
<div id="root">
<input v-model="inputValue"/>
<button @click="handelClick">提交</button>
<ul>
<li v-for="(item,index) of list" :key="index">{{item}}</li>
</ul>
</div>
<script>
new Vue({
el:"#root",
data:{
inputValue:"",
list:[],
},
methods:{
handelClick:function() {
this.list.push(this.inputValue)
}
}
})
</script>
</body>
</html>
2018-12-18
我拉下來了你的代碼，vue.js引用我更改了一下，輸入內(nèi)容，點擊提交，是可以顯示的。
要不你再試試。
如果你說的是當(dāng)輸入框為空的時候，點擊提交，只顯示點點，沒有內(nèi)容，這個也是符合邏輯的。
如果想當(dāng)輸入框為空的時候，點擊提交按鈕此時無效，可以加一個判斷語句就可以的
2018-12-03
給li加個去掉小圓點樣式
2018-10-19
沒問題啊，是不是你引入的vue有問題
2018-10-12
你我試了也沒問題，唯一不一樣的就是引入vue.js的方式不一樣
2018-10-11
我也是這個問題
2018-10-08
。。。。試了下 你的代碼能正常顯示啊