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

数组结果出不来

    <body>
        <div id="root">
            <input v-model="inputvalue" />
            <button @click="handlesubmit">提交</button>
        </div>
        <ul>
            <li v-for="(item,index) of list" :key="index">
                {{item}}
            </li>
        </ul>
    </body>
    <script>
        new Vue({
            el:"#root",
            data:{
                inputvalue:'',
                list:[]
            },
            methods: {
                handlesubmit:function(){
                    this.list.push(this.inputvalue)
                    this.inputvalue=''
                }
            }                                       
        })
    </script>

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

正在回答

9 回答

你 ul li 放挂载点div外面了 还有你脚本放body外面了


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

<body>

<div id="root">

<input v-model="content" />

<button @click="handle">提交</button>

<ul>

<li v-for="(item,index) of list" :key="index">{{item}}</li>

</ul>


<script>


new Vue({

el: "#root",

data:{

content:"",

list:[]

},

methods:{

handle:function(){

this.list.push(this.content);

this.content="";

}

}

})

</script>

</body>


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

宝慕林9874299

你的代码是不是少了个div。。结尾。 我是提交了input的数据点提交却一直都只有一个点,没有内容的
2018-10-07 回复 有任何疑惑可以回复我~
#2

哈尔波儿 回复 宝慕林9874299

对不起哈,大意了
2018-10-08 回复 有任何疑惑可以回复我~

ul 不在挂载点内 超出作用范围

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

函数名命名使用驼峰命名法handleSubmit


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

<script>包含在</body>外了

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

你的id=root包裹的不对,只包裹到button那边,并没有包裹到ul


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

v-for="(item,index) of list" :key="index"    放在ul中

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

摩菲0

你怕是想循环ul吧,建议你动手操作一遍再回答,哈哈
2018-08-06 回复 有任何疑惑可以回复我~

        <div id="root">

            <input v-model="inputvalue" />
            <button @click="handlesubmit">提交</button>

<!--把渲染的目标写在div里,仔细点,哈哈-->
        <ul>
            <li v-for="(item,index) of list" :key="index">
                {{item}}
            </li>
        </ul>

        </div>

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

举报

0/150
提交
取消

数组结果出不来

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