在v-for循环中设置唯一键

文章/答案/技术大牛

发布

2回答

javascript、vue.js、vuejs2

如何在每次向模板中输入新对象时设置唯一的id？我刚刚尝试在我的模板(这里：{{????}})中显示它，以查看它是否工作，但我得到的输出只有# 提前感谢！<template> <div v-for="idInput in inputs" :key="idInput.

浏览 33提问于2021-10-25得票数 1

3回答

Vuejs动态移除带有选定图像的行

javascript、html、vue.js、vuejs2

我使用拼接来删除行，但我的问题是，在我删除所选行之后，我为每行选择的图像被弄乱了。因此，正如您所看到的，我为这些行选择的图像是1、2和3。 class="row" v-for="(item, index) in form.rowData" :key=

浏览 26提问于2019-10-21得票数 0

1回答

如何在vue中使用下载属性？

javascript、html、vue.js

我可以设置在html中是一个标签。现在在vue模板中，我这样做在v-for循环中，但它不起作用。我下载的文件没有命名为v-for循环项的'name‘值。这是我的循环部分。<div v-for="(item, index) in attachmentFile" :key="item.id"&

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

2回答

我有一个对象数组，它们在Vue模板中被循环，每个对象都包含<input>。用户有一个按钮向数组中添加附加项--这些项被呈现--所有这些都工作得很完美。每个新组件都被赋予一个唯一的密钥。但是，如果我有4个条目并移除第二个项，那么第3项和第4项将被重新呈现为(我可以看到它们在Vue dev tools中被‘更新’了)。这将丢失添加到这些输入中的任何数据(或对DOM等的更改)。根据我的理解，通过在组件上使用:key，Vue应该能够跟踪它并重新呈现。我想这可能是因为我将项目存储在一个数组中，当删除一个数组时，所有的键在

浏览 7提问于2022-06-20得票数 1

1回答

在v-for循环中单击时检索数据，然后循环遍历数据

javascript、vue.js、vuejs2、vue-component、v-for

我在v-for循环中有一个按钮，当单击它时，它会检索一些数据。然后，我希望在单击的按钮下方或位置显示该数据。<div v-for="(item, index) in items" :key="index"> <ul v-if="THEDATALOADED"&g

浏览 28提问于2020-04-04得票数 1

1回答

VueJS:单击时调用自定义筛选器

vue.js

value.filter(function(val, index, arr){ });我就是这样用的： <div v-for

浏览 1提问于2017-08-14得票数 0

回答已采纳

1回答

VueJs在select选项中设置自定义属性值

jquery、laravel、vue.js

<select name='unit[]' required @change='change_unit($event)'> console.log("Value from the Attribute: ", get_val)就像这样，一切都很好..但我的问题是，当我想要根据v-for设置价格时，就像

浏览 45提问于2020-05-23得票数 2

回答已采纳

1回答

Vue js使嵌套组件在存储更新时保留在父组件中。

javascript、vue.js、vuejs2、vue-component

我正在创建一个聊天消息系统，在该系统中，我使用根消息填充存储，然后映射该列表(数组)的状态。当发布一条新消息时，商店将得到更新，新的帖子将被显示，一切正常。<b-list-group> v-for="(m, index) in rootMessages" <div class="reply-container"> &

浏览 1提问于2022-01-12得票数 2

1回答

如何在v-for循环中绑定动态类

vue.js

在Vuejs中，我想在我的导航上设置一个“活动”类。nav构建在一个v-for循环中，如下所示： <a v-link'title': 'About', },

浏览 4提问于2016-08-11得票数 4

回答已采纳

2回答

如果使用v-for创建占位符，如何在复选框中使用占位符？

javascript、html、vue.js、vuejs3

更新： margin-right: .83rem; place-self: center;并在选定项时将其设置为原始问题：<template> <selec

浏览 7提问于2022-06-03得票数 0

回答已采纳

2回答

Vue.js -在v-for中使用v-el不起作用

javascript、vue.js

我想在单击事件时在v-for循环中为某些div设置动画。为此，我需要使用dom/jquery元素。当然，我不想一次动画所有的元素，只有我点击的那些特定的元素。这是我尝试过的： <span v-el

浏览 4提问于2016-09-20得票数 0

2回答

VueJS内联模板和其中的v-for

vue.js

这是我在主模板中使用的代码：<article v-for="(game, index) in games"><a v-for="(branch, index) in game.branches" :key="'branch' + index" :href="branch.link"&

浏览 3提问于2020-07-01得票数 1

1回答

Vuejs v-用于集唯一数据

vue.js

<button type="submit" @click="components ++">add select box</button> <option v-for

浏览 0提问于2016-06-02得票数 2

1回答

Vue:使用v模型输入从数据v-for循环更新html字符串的一部分。

vue.js、for-loop、vue-reactivity

使用Vue2，我在数据中有一个对象数组，其中有一个在v-for循环中呈现的html字符串。每个字符串的一部分是一个支柱，它最初正确地呈现。但是，当使用v模型更新支柱值时，v-for循环中的数据不会更新。<div id="app"> <ul>

浏览 5提问于2022-06-26得票数 0

回答已采纳

1回答

使用json和Vue js在单击按钮时按数据字段过滤数据

javascript、json、vue.js、vuejs2

-- END PORTFOLIO FILTER AREA --> <div v-for="(portfolio,index) of portfoliov1.data.slice(0,showNoOfPosts

浏览 3提问于2020-10-09得票数 0

2回答

当我使用Axios获取数据时，我的JS代码无法工作

vue.js、axios

您好，我是Vue和axios的新手，.I在我的代码中有一个纯js，我正在更改列表items(class="current")的类，并在选项卡之间切换，一切都很好。当我预定义类别数组时，如下所示： categories:["Title 1","Title 2","Title 3"] 列出列表元素： <li v-for="(category,index) in categories但是当我从数据库中获取类别时，javascript无法工作，我在控制台

浏览 36提问于2020-06-11得票数 0

1回答

Vue:将类添加到v-for中的一个项中。

vue.js、vuejs2

我有一个v-for循环中的项目列表。我在@click上有一个函数，它将删除该项目，但是当我单击它以更改背景颜色时，我想给它一个类，这样用户就知道他们单击了该项目，并且它正在删除。在我的deleteItem函数中，我将deletingItem设置为true，但这显然会产生一个问题，因为它将该类应用于In for中的所有div。<div :class="{'box': true, 'deleting-item': deletingItem}"

浏览 4提问于2021-03-12得票数 0

2回答

如果json的json值为VueJS v-如果json值为true

javascript、vue.js、vue-component

我的问题是，当在JSON中设置"more"：true时，如何在布局中显示“显示文本”<b-row v-for="?" v-if="?"

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

1回答

嵌套V-用于活动类

javascript、vue.js、v-for

"name": "Name2" { "name": "Name3" ]]在Vue.jsi循环中，通过这样的数组：<v-col cols="2" v-for="main in arr" :key="main.id"> <b>Table

浏览 3提问于2020-01-31得票数 0

回答已采纳

1回答

用v-for循环设置q-旋转木马的v-模型

vue.js、quasar-framework

我在v-for循环中有一个类星体旋转木马，它可以工作，但是问题是，幻灯片不是从第一个图像开始的，而是空白的。第一个图像是空白的，然后旋转时，第一个图像进入视图。我很肯定，问题是幻灯片是从不确定状态开始的，但我不知道如何使用v-for循环将v模型设置为幻灯片的第一个值。我正在尝试创建一个代码库，但它并不顺利： <div v-for="(loc, i) in locations" :key="i">

浏览 10提问于2022-02-15得票数 1

点击加载更多