Vue 遍历数据

た入场券 2022-10-08 00:58 160阅读 0赞

<template>
      <div>
        <ul>
          <li v-for="item in list" :key="item">{ {  item }}</li>
        </ul>
        <ul>
          <li v-for="(item, index) in list" :key="item">{ {  index }}--{ {  item }}</li>
        </ul>
        <ul>
          <li v-for="item in obj" :key="item">{ {  item }}</li>
        </ul>
        <ul>
          <li v-for="(item, key) in obj" :key="item">{ {  key }}--{ {  item }}</li>
        </ul>
        <ul>
            <li v-for="(item,index) in books" :key="item.id" >{ { index+1}}--{ { item.name}}--{ { item.price}}</li>
        </ul>
      </div>
    </template>
    
    <script>
    const data1 = { 
      list: ["java", "pgp", "egg"],
      obj: {  name: "学习", url: "http://www.baidu.com", slogen: "成就自己" },
      books: [
        {  id: 1, name: "aa", price: 123 },
        {  id: 2, name: "bb", price: 123 },
        {  id: 3, name: "cc", price: 123 },
        {  id: 4, name: "dd", price: 123 },
        {  id: 5, name: "ee", price: 123 },
      ],
    };
    
    export default { 
      name: "App",
      data() { 
        return data1;
      },
      methods: { },
    };
    </script>
    
    <style>
    </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关从HttpServletRequest中遍历数据

**从请求参数中遍历数据：** 方式一(推荐)： @RequestMapping("/param") @ResponseBody ...

ゞ浴缸里的玫瑰/ 2024年04月20日 08:27/ 0 赞/ 51 阅读

相关 Thymeleaf遍历数据

遍历数据要遍历表格数据并且显示出来，首先在一个页面中生命一个列表放一些信息做测试，以dynamic页面为例 @GetMapping("/dynamic_tab

太过爱你忘了你带给我的痛/ 2023年10月04日 16:31/ 0 赞/ 34 阅读

相关 vue 指令 v-for 遍历数组

<body> <div id="app"> <ul> <li v-for='item in arrNames'>{

川长思鸟来/ 2023年01月07日 08:46/ 0 赞/ 123 阅读

相关 Map集合中放了数组怎么遍历数据

map集合的值在数组里怎么遍历一个键对应多个值，且值存于数组中，怎么进行遍历？通过指定键去遍历。 private String\[\]branch

刺骨的言语ヽ痛彻心扉/ 2022年12月02日 13:44/ 0 赞/ 160 阅读

相关 Vue 遍历数据

<template> <div> <ul> <li v-for="item in list" :key="item">{

た入场券/ 2022年10月08日 00:58/ 0 赞/ 161 阅读

相关 Kettle抽取数据-循环遍历数据

Kettle是个好工具，可是教程还是比较少，自己研究遇到了不少坑。版本：7.1 循环遍历数据场景：我查出一个列表，需要针对列表中的每一个值再进行相同的处理。解

心已赠人/ 2022年04月22日 05:22/ 0 赞/ 339 阅读

相关 C# 遍历数据不断变化的HashTable的值列表的代码

下面的代码段是关于C\ 遍历数据不断变化的HashTable的值列表的代码。 Hashtable ht = (Hashtable)sourceHT.Clone();

素颜马尾好姑娘i/ 2022年04月08日 13:12/ 0 赞/ 125 阅读

相关遍历数组

[![Q\`18Q~Y\_D($0UA\[A%)1\[$2V][Q_18Q_Y_D_0UA_A_1_2V]][Q_18Q_Y_D_0UA_A_1_2V_Q_18Q_Y_D_0U

快来打我*/ 2022年03月28日 06:17/ 0 赞/ 320 阅读

相关遍历数组

本文主要内容摘自我在百度百科的账号number1killer的词条贡献， <table> <tbody> <tr> <td> <table>

╰半橙微兮°/ 2021年09月26日 07:24/ 0 赞/ 474 阅读

相关使用 bootstrap-table-develop 插件遍历数据

使用bootstrap-table-develop插件快速遍历数据 1. 下载bootstrap-table-develop插件 [http://downl

曾经终败给现在/ 2021年07月25日 17:37/ 0 赞/ 397 阅读