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

哪里出错了?

<!DOCTYPE html>
<html  lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script type="text/javascript" src="js/vue.js"></script>
<title>Toolist工具</title>
</head>
<body>
<!-- Toolist工具 -->
<div id="root">
    <input v-model="inputValue"/>
    <button @click="handleClick">提交</button>
</div>
<ul>
    <li v-for="(item, index) of list" :key="index">
        {{item}}
    </li>
</ul>
<script>
    new Vue({
    el:"#root",//挂载点
    data:{
        inputValue:'hello',
        list:[]
    },
    methods:{
        handleClick:function(){
        this.list.push(this.inputValue),
        this.inputValue = ''
        }
    }
})
</script>
</body>
</html>


正在回答

3 回答

你的li没有写在div id ="root"下面

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

div没有把ul和li框在里面   

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

https://img1.sycdn.imooc.com//5d5e3da60001580a03420213.png

为什么我的这个会显示!

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

予惜

需要包裹在 挂载点root下的那个div里面
2020-02-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

哪里出错了?

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