Vue -检查:键是否已在v-for中使用

文章/答案/技术大牛

发布

2回答

javascript、vue.js

我有一个使用对象id作为:keys遍历对象数组的v-for。然后，我想向该数组中添加更多对象。问题是，一些要添加的对象可能已经存在于数组中，而我只希望在结果列表中存在唯一项。有没有一种方法可以检查给定的:key/id是否已经在v-for中使用，而不需要遍历数组中的所有对象？Vue是否维护了一个可以轻松比较的键列表？

浏览 28提问于2019-09-23得票数 0

回答已采纳

2回答

根据用户选择隐藏和显示表列

javascript、vue.js、html-table、vuejs2

editors=1111 <div id="app"> <label> </label> <

浏览 30提问于2020-10-12得票数 0

回答已采纳

2回答

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

javascript、vue.js、vuejs2

我有一个从API中检索的对象，密钥名是未知的。Colour": ["red", "black", "purple"],如何在不知道密钥的情况下直接访问Vue中的数据？我知道，如果我知道这些键，下面的选项就可以工作，但是我正在寻找一个选项，可

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

回答已采纳

2回答

然后，我将这些对象存储在vue变量中，这是一个数组。这方面的功能在我的方法中。console.log(response.data); }奇怪的是，当我成功地获得新提要时，我刚刚创建并尝试使用unshift将其添加到提要数组中，由于某种原因，数组的第一个帖子被复制，直到刷新页面，我才能看到新的帖子。当我检查控制台日志时，我可以看到我得到了新的提要。有趣的是当我用 vm.feedData.push(response.data);

浏览 3提问于2017-09-20得票数 5

回答已采纳

1回答

复杂<template> / v-for上的预期v-绑定指令

vue.js、visual-studio-code、vue-component

我在组件中尝试了一个复杂的循环，遇到了一个奇怪的问题。<template v-for="(scorecard, scorecardIndex) in scorecards"> </tr>在我设置v-bind:key="prope

浏览 3提问于2020-02-25得票数 2

回答已采纳

1回答

在直接css/样式更改和从数组中删除项时，vue.js的奇怪行为

javascript、vue.js、vuejs2

似乎Vue保留了已删除项的样式，并将其应用于与已删除项具有相同索引的新项。var init = function() { var app = ne

浏览 34提问于2018-06-07得票数 0

回答已采纳

2回答

在vuejs_v2.6.12中更新数组触发反应中的项

javascript、vue.js

我想知道为什么vue UPDATE在直接设置索引项时会更改到页面。在正式文档的累加中，当我直接设置索引项时，Vue无法检测到对数组的更改。, setTimeout(()=>{ }<script src="https://cdnjs.clou

浏览 5提问于2021-02-24得票数 1

回答已采纳

3回答

v-for循环基数

vue.js、vuejs2

<button v-for="(n, i) in pageCount">{{ n }}</button> 为什么？

浏览 1提问于2018-05-13得票数 0

4回答

如何在Vue.js中获得v-for索引？

vue.js

我有一个Vue组件，像下面这样： items: [{name:'a'}, {name:'b'}...]当我在vue.js中执行for-循环时，如何获得索引？

浏览 2提问于2018-04-05得票数 109

回答已采纳

2回答

vueJS [Vue warn]：计算属性"title“已在数据中定义

vuejs2

/stores/alert'; data () {$store.dispatch('dismissAlert', {title: '...'}); } 名称空间在Vue中是如何工作的？数据键、计算返回对象键

浏览 0提问于2017-09-06得票数 1

4回答

Vue.js迭代中的键打印

vue.js

name: 'apple', price: '10'}, ]}<ul> <li v-for

浏览 2提问于2018-06-27得票数 6

回答已采纳

4回答

Vue-Owl-Carousel在使用循环时不工作

vue.js

Vue-Owl-Carousel使用基本模型工作： <carousel></carousel> 但是当我使用循环时，旋转木马坏了，所有的幻灯片都在列中显示。<carousel> // Not Working <img v-for="slide

浏览 98提问于2019-05-18得票数 0

1回答

索引数组上的v-for

vue.js、vuejs2

我有一个非常复杂的web应用程序，目前正在尝试将其转换为VueJS…但当我尝试在索引数组上创建v-for循环时，似乎遇到了问题。我真的达到了VueJS的极限了吗？下面是我的HTML循环的上下文： <div v-for="(theTemplatev-bind:id="'tmpt-vf-tab-'+thisView.incID+&#x

浏览 4提问于2017-04-06得票数 1

3回答

在index.vue中获取错误“迭代中的元素期望有'v-bind:key‘指令vue/require v-for-key”

vue.js、contentful

我是vue.js的新手。我有一个简单的index.vue，它试图连接到contentful并显示来自contentful的条目。我在index.vue中的代码如下所示： <div> <ul> {{ post.fields.title }}/

浏览 1提问于2019-01-17得票数 10

2回答

VueJS v-用于数组值相等时的循环中断

javascript、vue.js

我的笔： <template v-for="spot in bars" :key="item.div id="bar-holder"> <ul> <li v-forbutton> </di

浏览 7提问于2017-02-18得票数 1

回答已采纳

2回答

在更新窗体值后，VUEJS正在将我的表单重置为默认值。

php、vue.js

注意:我在PHP文件中使用vue.js<form id="Create_Weekly_Payment_Form" action="lib/raw-operations/customer_transactions.php</div> <div class="row"> <div class="col-sm-3 mt-3&qu

浏览 8提问于2022-01-26得票数 0

5回答

如果值为空，则跳过对象项

vue.js

我在vue js中有一个嵌套的for ... in循环。我尝试的是，如果元素的值为null，则跳过该元素。下面是html代码： <li v-for="item in items" track-by="id"> <li v-for="child3: { title: "Should should be rendered as well

浏览 3提问于2016-03-25得票数 29

4回答

如何按特定顺序进行v-迭代？

javascript、vue.js

我想按(键的)特定顺序列出值。例如，下面的迭代只列出了它们：var vm = new Vue({ data: { second: 2,first: 10, } }<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/

浏览 8提问于2017-06-01得票数 5

回答已采纳

1回答

为vue中的列表做准备

javascript、vue.js

<task v-for="task in tasks" :task="task"></task>我尝试将一个空对象取消到任务中： this.tasks.unshift在现有列表中添加

浏览 0提问于2017-05-12得票数 3

回答已采纳

3回答

如何将一个对象绑定到Vue.js中的HTML，其中它的属性是动态创建的？

javascript、c#、html、.net、vue.js

我正在使用vue.js库进行前端开发. <table> <tr> <th v-for ="row in Result.Headers.2021-Jan}

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

回答已采纳

点击加载更多