vue v-for遍历对象示例__vue v-for循环对象

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

挂过科的镜子 · VUE 使用 select ...· 1 月前 ·

风度翩翩的大海 · vue中vuedraggable拖拽插件使用 ...· 1 月前 ·

聪明伶俐的枇杷 · vue如何拖动视图要素 • Worktile社区· 1 月前 ·

光明磊落的书签 · 在vue2项目里面 ...· 1 月前 ·

儒雅的小刀 · Vue密码都用什么加密 • Worktile社区· 1 月前 ·

小眼睛的脆皮肠 · 江苏发布2019年硕士学位论文抽检评议结果_ ...· 2 月前 ·

freyrsolutions · Global Regulatory ...· 2 月前 ·

玩命的青蛙 · 连接到多个容器 - VSCode 编辑器· 2 月前 ·

朝气蓬勃的足球 · 20240620_camera· 3 月前 ·

爱热闹的小马驹 · SqlAlchemy ...· 5 月前 ·

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="(item,key,index) in obj" :key="index">{{index}}-{{key}}:{{item}}</li>
        </ul>
    </div>
    <script src = "js/vue.js"></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> -->
    <script>
        var vue = new Vue({
            el: "#app",
            data: {
                obj:{
                    name: '小明',
                    age: '17岁',
                    height: '175cm',
                    sex: '男',
                    hobby: '打篮球'
                }
            }
        })
    </script>
</body>
</html>

vue v-for遍历对象示例_前端

推荐文章

挂过科的镜子 · VUE 使用 select 标签添加点击选项的触发事件_vue select事件

1 月前

风度翩翩的大海 · vue中vuedraggable拖拽插件使用，指定范围拖拽。_vuedraggable拖拽范围

1 月前

聪明伶俐的枇杷 · vue如何拖动视图要素 • Worktile社区

1 月前

光明磊落的书签 · 在vue2项目里面引用vuedraggable ,vue拖拽之后松开就会复原 end事件没有任何发应，start事件可以监听到开始拖拽 · Issue #1246 · SortableJS/Vue

1 月前

儒雅的小刀 · Vue密码都用什么加密 • Worktile社区

1 月前

小眼睛的脆皮肠 · 江苏发布2019年硕士学位论文抽检评议结果_腾讯新闻

2 月前

freyrsolutions · Global Regulatory Solutions and Services Company

2 月前

玩命的青蛙 · 连接到多个容器 - VSCode 编辑器

2 月前

朝气蓬勃的足球 · 20240620_camera

3 月前

爱热闹的小马驹 · SqlAlchemy TypeDecorator、column_expression和聚合函数_SqlAlchemy日期和SQLServer ()函数_sqlalchemy中多个数据库的聚合函数 -

5 月前