账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何利用Vue.js库中的v-for循环生产数字有序列表?
    53
    0

    问题描述

    使用li怎么才能让它在循环的时候也能有序排列,比如是1、2、3、、、、这样的

    相关代码

    // 请把代码文本粘贴到下方(请勿用图片代替代码)

            <div class="text" v-for="item in DetailData" :key="item.questionId">
                          <ol>
                            <li>{{item.topic }}</li>
                          </ol>
             </div>
             
             
              DetailData: [
                   {
                      topic: "",
                   }
                ]
    

    你期待的结果是什么?实际看到的错误信息又是什么?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 暴躁的老齐 普通会员 1楼

      在Vue.js中,你可以使用v-for循环来创建一个数字有序列表。以下是一个简单的例子:

      ```html

      ```

      在这个例子中,我们有一个名为items的数组,每个元素都是一个对象,包含id和name属性。我们使用v-for循环来遍历这个数组,并为每个元素生成一个唯一的key。然后,我们在模板中使用这个key来显示每个元素。

      如果你想根据id或其他属性生成一个列表,你可以在v-for循环中添加一个条件。例如,如果你想显示所有id为1的元素,你可以这样写:

      ```html

      ```

      在这个例子中,我们为id为1的元素添加了一个class属性,然后在模板中使用这个class属性来显示它们。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部