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

条件渲染+列表渲染 问题

想知道这样写怎么运行不出来

<body>

    <div id="app">

        {{msg}}

        <ul>

            <li v-for="v in list1">

                <li v-if="v<5">

                      {{v}}

                </li>

            </li>

        </ul>

    </div>

    <script>

        new Vue({

            el: "#app",

            data: {

                msg: "Welcome to Vue world.",

                list1: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],

                

            }

        })

    </script>



正在回答

2 回答

li标签下面还有一个li标签是什么意思?

可以像这样写的:

<li v-for="item in list1" v-if="item < 5">

          {{item}}

</li>


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

grasshoppermouse 提问者

我试了,不行也
2019-12-14 回复 有任何疑惑可以回复我~
#2

簟纹灯影 回复 grasshoppermouse 提问者

li 不要嵌套 li
2019-12-14 回复 有任何疑惑可以回复我~
#3

grasshoppermouse 提问者 回复 簟纹灯影

噢,我发现了,是因为我原来代码其他内容出错了……谢谢!
2019-12-14 回复 有任何疑惑可以回复我~
#4

Brian 回复 簟纹灯影

给同学点赞~~~
2019-12-18 回复 有任何疑惑可以回复我~
查看1条回复

定义list1数组最后的逗号是不是不该写。

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

grasshoppermouse 提问者

这个没关系
2019-12-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

条件渲染+列表渲染 问题

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