在v-for元素上使用modal？

文章/答案/技术大牛

发布

1回答

html、css、vue.js

class="overlay-container"> <div class="form-group"> v-for<b>{{ user.fname }} </b> {{ user.lname }} <b-button v-b-modal.modal-1&

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

2回答

单页中的引导问题

javascript、twitter-bootstrap、vue.js、bootstrap-4

我一直在尝试为数组元素创建一个卡片组件，在单击卡片的标题时，应该会打开一个模式，显示该特定数组元素的信息。然而，在单击标题时，会打开多个模态，实际上，即使我单击特定元素的标题，所有数组元素的模态也会打开。如何使其仅打开该特定模式的模式？我正在使用vue bootstrap <div

浏览 16提问于2020-09-07得票数 1

回答已采纳

1回答

动态引用

javascript、vue.js

<modal v-for="(data,key) in passedInData" :key="data.id" :ref="'modal' + key"> let index = 'modal' + id; console.log(thi

浏览 11提问于2018-07-24得票数 1

2回答

动态追加索引到属性

javascript、vue.js、bootstrap-modal、bootstrap-vue

我有一个按钮元素：它是在v-for循环中动态生成的我不像上面的v-b-modal.modal-5那样硬编码属性名，而是像下面这样连接它：有办法这样做吗？

浏览 4提问于2020-03-18得票数 2

回答已采纳

2回答

使用Vue JS为数组中的每个卡创建具有Modal的卡

javascript、vue.js、modal-dialog、v-for

我使用v-for成功地从一个数组创建了6张卡。问题是，我还试图为每个卡创建一个模态，其中包含每个卡的唯一卡的详细信息。我正在使用bootstrap 4 class Project { this.title== project.category || currentFilter === 'ALL'" v-bind:key="project.title"

浏览 14提问于2019-03-21得票数 1

回答已采纳

1回答

独立的Vue js:将数据传递给模态组件

vue.js、modal-dialog、components

你好，我有关于使用独立的Vue js将数据传递给模态组件的问题。流程是用户点击按钮，‘选择一个国家’和模式打开，用户可以选择一个国家与滑块。一旦用户点击确认，模式就会关闭。我尝试过使用for循环将数据传递给模态组件，但它也会打印出许多按钮。-- countury modal --> <transitionna

浏览 30提问于2018-05-31得票数 0

1回答

Vuejs -如何在元素上调用load事件的方法

javascript、vue.js、dom-events

当元素使用vuejs加载到for循环时，我想调用on事件。我已经在页面加载上找到了onload事件，但是无论如何我都找不到使用元素来完成这个任务。这是我的代码，但不起作用。<ul> Testing</ul&g

浏览 0提问于2019-01-11得票数 8

1回答

Vue将事件处理程序传递给另一个组件--事件“updatefilters”的无效处理程序: got未定义

vue.js

advanced-options-model组件及其依赖的filter-checkboxes template: ` <fieldset v-for="name in names"> <label v-for="" ...>

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

回答已采纳

1回答

Vue v-了解如何迭代二维数组

laravel、vue.js、for-loop

我试图在Vue中遍历一个二维数组，但是我总是得到一个Property or method "currentItem" is not defined on the instance but referencedv-on:keydown="searchDish()"> <div class="menuItemType" v-fordiv>

浏览 8提问于2020-05-22得票数 0

回答已采纳

1回答

如何在v-for循环中使用BootstrapVue -模式？

javascript、twitter-bootstrap、vue.js、vuejs2、vue-directives

我试图在v-for循环中使用BootstrapVue - Modal，唯一的问题是模态指令(v-b-modal.modal 1)在一个模态按钮上。modal1应该是模态id的名称，由于我使用的是循环，所以我在模态+索引中传递索引，但是我不知道如何将按钮指令更改为v modal modal 1.v模态-调制解调器5。这是模态部件 <template&g

浏览 4提问于2017-10-26得票数 1

回答已采纳

1回答

Vue智能加载未显示的元素延迟

javascript、vue.js、vuejs2

我已经在vue中创建了图片库组件，它有以下代码的lightbox<img :src="photo.s3Path" alt="Photo has not been loaded."因为客户端希望能够使用零延迟的nextSlide函数。但是，下一个问题是，我假设vue认为这个元素<

浏览 1提问于2021-08-17得票数 0

回答已采纳

1回答

收听Vue.js中的基础活动？

javascript、vue.js、zurb-foundation、vuejs2、vue-component

<nav-component></nav-component> <card-component v-for="item in items"> <modal-component v-if="launchModal === true"></modal-component>

浏览 5提问于2017-04-28得票数 4

回答已采纳

1回答

如何在Vue中打开呈现列表中的模式？

javascript、vue.js、vuejs2

在以下代码中可以看到这一点： <button v-on:click="openModal()">{{data.date}}</button> <sweet-modal ref="modal">{{data.name}}</sweet-modal>

浏览 0提问于2019-08-17得票数 5

回答已采纳

1回答

V-如果在v内-用于显示数组中的最后一个元素

vue.js

我是Vue新手，很难在v-for中嵌套一个v-if。除了{{row.id}} (在我的v-if中)之外，其他所有元素都显示在数组中的最后一个元素，而不是所选的元素。我假设我必须在这里做一些类似的事情，但是我在文档中找不到一个例子或解释。 <td><img v-bin

浏览 1提问于2018-04-30得票数 0

回答已采纳

2回答

在Vuejs中，如何正确使用v-for循环中的模态组件

javascript、vue.js、modal-dialog

在我的vue.js应用程序中，我需要显示用户可以单击的项目列表。<template> <li v-for="item in items" class=default: [] },

浏览 4提问于2017-10-07得票数 8

回答已采纳

1回答

我在v-for中有一个vue引导模式，我想用索引替换‘v-b-modal.mode-1’和' modal -1‘中的1，我可以在循环中打印为{{ index }}，但我不知道如何将它添加到每个标识符的末尾<div v-for="(movie, index, i) in movies"> <b-button v-b-modal.modal-1>Launch demo modal&

浏览 2提问于2019-10-14得票数 0

1回答

b-modal上连接的id不起作用(vue和bootstrap-vue)

javascript、vue.js、bootstrap-modal、bootstrap-vue

我有以下代码： <tr> <td v-for="nestedObjectValue in fi

浏览 1提问于2020-03-18得票数 0

2回答

Vue:将单击事件绑定到一个组件，将值发送给另一个组件

javascript、vue.js、vue-component

下面是我的App.vue组件中的一个模板： <div id="app"> <div class="deputates"> class="deputy"

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

回答已采纳

1回答

在vue.js中以弹出模式显示特定数据

javascript、vue.js

这是关于Vue.js问题的此子组件在此权限内调用并将数据从该子组件传递给子组件，该组件用于显示特定的(逐个加载产品)模型数据。因此，我需要在模型表单上逐一显示产品数据(当产品1显示名称‘Abc’时)如下但是当我在打开时调用console

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

2回答

为什么Vue评估我的v-if为false，尽管它是真的？

laravel、vue.js、vue-component

我尝试过使用beforeMount而不是mounted，但这不起作用。<template v-if = "groups.length"> <li v-for = "group in groups"></a> <div class = "addSidebar">

浏览 83提问于2021-02-10得票数 0

回答已采纳

点击加载更多