老师讲的很好，从头听到尾的，有一问题，我输入内容在input，点提交，li显示只有默认的圆点，求各路大牛解答
宝慕林9874299
2018-10-07 21:34
<!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>
6回答
-
- 悬壶行者
- 2018-12-18 21:06:57
我拉下来了你的代码，vue.js引用我更改了一下，输入内容，点击提交，是可以显示的。
要不你再试试。
如果你说的是当输入框为空的时候，点击提交，只显示点点，没有内容，这个也是符合逻辑的。
如果想当输入框为空的时候，点击提交按钮此时无效，可以加一个判断语句就可以的
-
- qq_慕村5438005
- 2018-12-03 10:29:59
给li加个去掉小圆点样式
-
- coolhell
- 2018-10-19 16:44:40
没问题啊，是不是你引入的vue有问题
-
- 溺水的鱼321
- 2018-10-12 15:55:37
你我试了也没问题，唯一不一样的就是引入vue.js的方式不一样
-
- 信丨念
- 2018-10-11 10:17:32
我也是这个问题
-
- 丶四夕
- 2018-10-08 22:20:56
。。。。试了下 你的代码能正常显示啊
vue2.5入门
146861 学习 · 657 问题
相似问题