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

老师讲的很好,从头听到尾的,有一问题,我输入内容在input,点提交,li显示只有默认的圆点,求各路大牛解答

<!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>

https://img1.sycdn.imooc.com//5bba0b4f00017ed418110934.jpg

正在回答

7 回答

我拉下来了你的代码,vue.js引用我更改了一下,输入内容,点击提交,是可以显示的。

要不你再试试。

如果你说的是当输入框为空的时候,点击提交,只显示点点,没有内容,这个也是符合逻辑的。

如果想当输入框为空的时候,点击提交按钮此时无效,可以加一个判断语句就可以的

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

给li加个去掉小圆点样式

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

没问题啊,是不是你引入的vue有问题

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

你我试了也没问题,唯一不一样的就是引入vue.js的方式不一样

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

我也是这个问题

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

。。。。试了下 你的代码能正常显示啊

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

举报

0/150
提交
取消

老师讲的很好,从头听到尾的,有一问题,我输入内容在input,点提交,li显示只有默认的圆点,求各路大牛解答

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