问答详情
源自:2-5 条件渲染、列表渲染、Class与Style绑定

条件渲染+列表渲染 问题

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

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



提问者:grasshoppermouse 2019-12-14 15:51

个回答

  • 簟纹灯影
    2019-12-14 17:28:38

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

    可以像这样写的:

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

              {{item}}

    </li>


  • qq_宝慕林3385727
    2019-12-14 16:26:37

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