如何在Vue js中使用v-for循环显示动态数据？

文章/答案/技术大牛

发布

1回答

在vue 1.x中选择“`optgroup`”

javascript、vue.js

在早期版本的vue.js中，可以使用optgroups (如 )创建动态选择列表。在较新版本的vue中，文档在选项中使用v-for显示，并且它们似乎不再支持optgroups。

浏览 2提问于2016-07-07得票数 1

回答已采纳

1回答

获取v-model值并使用v-for创建循环

javascript、html、vue.js、vuejs2

我想把这个数字和for循环一起使用。在我的示例中，输入字段中有数字5，我想要写li五次。好了，是工作了！但是当我把数字改成10的时候，只有写10，它不再在循环中，也不会显示10倍的li循环。如何使用v-for动态显示v-model值？ var app = new Vue({ data: { } }); <sc

浏览 38提问于2019-06-08得票数 1

回答已采纳

1回答

Vue-路由器:循环路由动态创建<路由器-链接>

vue.js、vue-router、v-for

我想使用v-for循环我的v-for，以便在template部分动态生成<router-link>。目前，我不知道如何在我的router组件的template部分中处理main.js中定义的template param。下面是脚本，我添加了注释，这里出现了问题：import Vue from 'vue' import VueRout

浏览 1提问于2018-07-28得票数 10

回答已采纳

2回答

通过对象中的动态键访问Vue JS对象

javascript、vue.js、vuejs2

我在Vue JS2.x中有一个v-for循环，它循环遍历一个对象数组，数组中的每个对象都有一个“键”，基本上就像一个名称，但它是动态的，不会保持一致。我正在尝试访问与该键相关的数据，以便可以显示来自v-for循环的信息，这是我的数据在数组中的样子…… [{ "agent": { &

浏览 31提问于2021-02-03得票数 1

回答已采纳

2回答

loops、vue.js、single-page-application

即使一个用户只能有一个配置文件，我也想知道如何使用v-for循环来显示数据，因为我在应用程序的其他页面中也需要这个。当我使用console.log(response)时，我可以在控制台中看到数据，但它没有显示。我遗漏了什么？CandidateProfileIndex.vue： <template> <table class="table&qu

浏览 60提问于2020-04-14得票数 0

回答已采纳

2回答

数组中嵌套对象的V-for

javascript、arrays、vue.js、object、v-for

我在vue引导卡中有一个v-for，我需要用我正在通过api获得的对象数组的属性填充它。在模板中： v-for="option in travelOptions" :cardHeader="option.type | type对象中。我将不得不显示其他嵌套对象的更多属性。在之前(使用before )循环数组时，我处理嵌套对象，它工作

浏览 4提问于2020-04-11得票数 0

回答已采纳

3回答

无法在vue.js中读取'Undefined‘的属性

javascript、vue.js、phoenix-framework、v-for

这是我的vue实例： el: '#vue-wrapper', items: [],这是我的index.html.eex中的一个v-for循环这是我填充项目的脚本，在文档就绪时，<e

浏览 0提问于2018-02-16得票数 5

回答已采纳

1回答

使用Laravel和VueJs对ajax数据进行排序和过滤

laravel、vue.js

当前代码正在使用vue.js对数据进行排序和筛选。它工作正常，但是数据是虚拟的，它是硬编码的。我需要使用vue js和laravel动态地从表中获取数据。如何在gridData中获取动态数据？JS templ

浏览 4提问于2016-03-30得票数 2

回答已采纳

1回答

考虑到以下HTML、CSS和Vue代码片段，我希望能够使用Vue 2中的计算属性动态构造一系列CSS样式类，并将它们绑定到已经具有面板图标类的span。如CSS代码段所示，类名应该以.图标-工具名的形式出现，其中工具名是从JSON中的toolname属性获取的。当我试图将for循环的结果保存到一个变量并返回该变量时，我只得到一个结果，而不是我所期望的四个结果。总体思路是CSS图标-类应该与通过v-for循环显

浏览 3提问于2018-05-28得票数 1

回答已采纳

1回答

Vue.js将动态v-for值发布到数据库(Firebase)

javascript、database、vue.js、v-for、v-model

在将来自v-for循环的动态值处理到我的数据库中时遇到了主要问题。在我的Vue应用程序中，我在v-for循环中显示问题，用户可以通过表单回答每个问题。V-for循环+形式如下所示：： <b-row :key="question.content"

浏览 21提问于2021-02-05得票数 0

1回答

Vue JS -如何动态创建表

vue.js

我遇到的问题是使用附加的方法从Vue呈现html表标记。这就是我到达路障的地方。另外，我不太确定如何能够根据表添加行。我想要达到的目标是否有可能？更新<div class="temp"> <temp></temp> </div>

浏览 2提问于2018-10-07得票数 1

2回答

根据Vue文档在嵌套的v-for循环中计算vs方法

javascript、vue.js、vuejs2

在上，它说： el: '#sample', return { } computedreturn this.numbers.filter(n => n % 2 ===

浏览 1提问于2018-02-14得票数 3

2回答

在vuejs中，引用HTML元素属性中的变量无效

vue.js

以下是代码： <td>[[ index +

浏览 6提问于2021-11-20得票数 1

回答已采纳

2回答

Vue js增量运算符(++)不提供预期输出

vue.js、increment

为什么下面的vue js代码显示输出102.<html> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><body"> <h1>{{ ++serial }

浏览 9提问于2021-03-12得票数 2

回答已采纳

2回答

Vue模板对象密钥替代引用而不隐式调用键名

javascript、vue.js、vuejs2

我有一个从API中检索的对象，密钥名是未知的。attributes = { "Size": ["8.0", "8.5", "9.0", "9.5", "10.0"]} 如何在不知道密钥的情况下直接访问Vue中的数据？<t

浏览 1提问于2019-05-12得票数 0

回答已采纳

2回答

在v中切换表单-用于使用vue.js

vue.js、v-for

我如何在v-for循环中切换表单，我在v-内有一个表单，我想在点击时显示(切换)它。但当我单击v-for中的所有表单时，它会被切换。其次，当在循环中有大量数据或将其作为单独的组件加载时，将表单保留在循环中是更好的方法。new Vue({ data: { text: "Learn J

浏览 2提问于2018-05-24得票数 0

1回答

相同的组件标记名将受到其他数据源的影响。

vue.js

我的代码如下：<div id="app"> <h3>Section {{ indextemplateChange(index)" v-model="s.selected_option"> <opti

浏览 2提问于2017-05-23得票数 0

回答已采纳

1回答

循环遍历带有参数的vue.js中的筛选列表

javascript、vue.js、for-loop、parameter-passing

如何在vue.js中循环使用给定输入参数的过滤列表？这里，返回一个空列表而不是2个元素的代码。<html> <script src="https://cdn.jsdelivr.net&#x

浏览 5提问于2022-03-29得票数 0

回答已采纳

2回答

无法从v-for获取数据，且数据为空。

javascript、database、laravel、api、vue.js

我不得不使用Vue.js通过Axios从数据库获取数据。在Vue.js开发工具中，我可以像这样从数据库中获取数据：但是，当我像这样使用v-for循环时： <div class="flex flex-col items-centerpy-4"> <

浏览 6提问于2020-12-26得票数 0

回答已采纳

1回答

如何在Laravel中使用刀片视图进行Vue* v-for list渲染*

vuejs2、laravel-5.7

我正在使用Laravel练习Vue列表渲染，但无法使用v-for指令将数据显示在我的刀片视图中。我尝试过互联网上的各种例子。我有一个简单的列表，其中包含几个我想要在列表中显示的项目，但我收到的不是显示内容，而是显示在屏幕上的项目名称，如{{ item.name }} 这是我的item.blade.php视图文件中的相关部分：') <script type=&

浏览 15提问于2019-01-21得票数 0

回答已采纳

点击加载更多

在vue 1.x中选择“`optgroup`”

获取v-model值并使用v-for创建循环

Vue-路由器:循环路由动态创建<路由器-链接>

通过对象中的动态键访问Vue JS对象