如何创建一个Vue.js逻辑来处理具有相同类选择器的所有标记元素？
我有一个简单的代码：
var dropdown = new Vue({
el: '.dropdown',
data: {
is_open : false
},
methods: {
onClick: function (event) {
// # toggle the dropdown open/closed state
// ---
this.is_open = ! this.is_open;
},
mouseLeave: f
浏览 2提问于2015-06-10得票数 2
回答已采纳
4回答
我开始了解Vue.js了。我想知道如何将刀片变量传递到Vue.js？
喜欢
return view('user.profile', ['locations' => $allLocations);
我可以通过Vue.js操纵它吗？
因为我正计划实现一个动态下拉列表。实际上，有两次跌落。因此，无论用户在第一个下拉列表上选择什么，第二个下拉列表将只显示特定的选项。
我已经尝试过在1之前实现它。)隐藏元素，通过Javascript或2检索元素。)在页面加载后使用HTTP请求初始化元素，但是我发现这个方法有点麻烦，或者有点占用资源。除了上面提到的，还有其他实
浏览 3提问于2018-03-21得票数 1
回答已采纳
1回答
我在vue.js中使用vue-select <v-select :options="prodItems" @input="setSelected"></v-select> 在输入时，我得到了下拉列表中的项目，但我想预先选择编辑时的值假设在我的表中，如果id 2被保存，那么在带有id 2的选择选项中应该被选中。
浏览 20提问于2020-10-20得票数 0
1回答
我正在尝试用Bulma和Vue.js做一个导航栏，Bulma有这样一个东西，当导航栏折叠到汉堡菜单时，里面的下拉列表已经处于display: block;模式。所以我找到了一个变通方法，但它也将相同的样式应用于所有屏幕尺寸。 然后，我尝试仅在模板中绑定如下样式 <div class="navbar-dropdown" :style="@media screen and (max-width: 900px){display: this.displayBlockAcad}"> 这给了我这个错误 invalid expression: Invalid o
浏览 15提问于2019-02-02得票数 0
我在Vue.js中使用了Vue.js下拉列表，它在所有设备和网络上都能正常工作。在iOS中，我们需要点击两次才能选择一个选项。
浏览 2提问于2019-06-06得票数 1
回答已采纳
我使用<input>在Vue.js上下文中选择一个值。上下文并不重要(我相信)--这只是说<input>字段的值总是与一个名为searchedName的变量同步，并且输入没有实际的“提交”(因为它在任何时候都是可用的)：
<!-- in Vue.js the line reads <input v-model="searchedName" list="foundNames"> and the input content is synchronized with the variable searchedName --
浏览 1提问于2017-06-08得票数 0
回答已采纳
我需要使用Vue.Js验证一个下拉列表。这是下拉列表
<select name="notificationPreference" id="notificationPreference" v-model="notificationPreference">
<option value hidden></option>
<option value="1">Email</option>
<option value="2">Tex
浏览 44提问于2018-05-31得票数 0
回答已采纳
我使用vue.js设计了一个表单，其中一个元素是select选项下拉列表。但是当它加载时，默认值不会显示，那么当从下拉列表中选择新的目标时，它也不会显示。
使用v循环数组中的所有选项，它运行并显示单击时的列表。但在开始时没有显示默认值。
试图从以下链接修复它：，
但没有成功
//DOM
<select
v-on:change="selectSubject($event)"
v-model="selectedSubject"
class="form-control form-control-lg"
id="selectSubj
浏览 1提问于2019-08-05得票数 0
回答已采纳
2回答
我编写了一个带有html和VueJS下拉列表的HTML页面。我希望，如果我单击下拉列表中的某个选项，它会在控制台中显示某些内容。
我的html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="https://cdn.jsde
浏览 2提问于2019-11-21得票数 1
回答已采纳
1回答
我在Vue.Js中有一个下拉列表，我需要在每个下拉项目之后绑定字体图标。
我是Vue.js的新手，所以请指导我怎么做。我正在使用下面的代码绑定下拉列表中的项
<select id="testID" v-model="testModel" v-on:change="changeEvent">
<option v-bind:value="da" v-for="da in data.Users">
{{da.DisplayText}}
</option>
<sel
浏览 3提问于2022-03-21得票数 0
我是vue.js的新手，我遇到了一个挑战。下面的代码是选项卡组件的代码。怎样才能使标题在下拉列表中而不是水平地对齐它们呢？
<div>
<b-tabs content-class="mt-3">
<b-tab title="First" active><p>I'm the first tab</p></b-tab>
<b-tab title="Second"><p>I'm the second tab</p&g
浏览 3提问于2020-10-29得票数 0
回答已采纳
我需要一种方法来触发<select>或<b-form-select>，并在鼠标悬停上显示下拉选项列表。不使用JQuery或Vue.js以外的任何外部插件。
浏览 7提问于2022-01-24得票数 3
1回答
我使用VueFire连接到包含菜谱列表的数据库，使用此代码加载所有菜谱(相关代码片段)
firebase: {
recipes: database.ref('recipes'),
},
data () {
return {
activeFilter: Filters.selected //returns active filter from child component for example 'pie'
};
},
在< template>
<li v-for="(recipe, i
浏览 2提问于2018-06-12得票数 0
回答已采纳
1回答
我的任务是创建不同语言的下拉列表。下拉列表不是问题。但我不知道如何收集所有语言(在StackOverflow List of all country languages for dropdown select menu HTML FORM中找到了这个答案)，但我需要将这些语言翻译成法语、德语、瑞典语、丹麦语和荷兰语。 也许，有人知道图书馆或其他东西。 项目的堆栈: Laravel和Vue.js。 谢谢你的帮助。
浏览 26提问于2021-11-21得票数 0
回答已采纳
1回答
是否有重新呈现Vue.js组件的方法？我有一个下拉列表和一份表格。这两个组件都是独立的组件，一个位于页眉处，另一个位于页面中间。
两者都是独立的组件，我不能让一个组件成为另一个组件的子组件。
那么，是否有可能触发Vuejs中下拉列表的重新呈现？
浏览 2提问于2016-01-21得票数 1
回答已采纳
1回答
我想要这样的东西。
我用英语创建网站。
如果网站访问者来自德国，服务器检测到它并传递给Vue.js，那么vue以德语服务该网站。
当然，他(网站访问者)可以通过在下拉列表中选择该语言将德语改为英语。
专业是没有谷歌翻译出现作为一个弹出，并要求翻译这一点。
这在Vue.js中是可能的吗？
浏览 0提问于2018-07-05得票数 0
1回答
我试图在vue.js组件中重新订购一个列表。在完成拖放之后，列表的顺序有点不稳定，不再匹配在执行api调用或使用chrome vue.js扩展时可以看到的数据的实际顺序。但是，结束的console.log确实以所需的顺序显示数据。
下面是使用RubaXa/Sortable lib的代码。
export default {
watch: {
workout() {
let list = this.workout.exercises
Sortable.create(document.getElementById("exercises"), {
浏览 2提问于2016-12-15得票数 1
回答已采纳
我刚刚开始使用Kendo & Vue.js开发应用程序。我之前已经开发了Kendo应用程序，但是没有Vue.js。当我开始设置基本代码来测试Vue.js如何为我工作时，我发现当Vue对象初始化并接管时，Kendo会失败。Kendo.all.min.js抛出一个错误-I是未定义的，这使得所有的UI变得无用。然后UI不需要点击，也不需要输入。为了证明我已经在这里创建了一个DOJO - 。在注释Vue代码时，工具栏中的下拉列表可以工作。当您取消对Vue代码的注释时，工具栏将停止响应，控制台将显示异常--当您在工具栏上执行一些操作时，I是未定义的(尝试单击下拉菜单)。由于订阅期已过，我无法在t
浏览 5提问于2017-10-07得票数 0
回答已采纳
我正在使用vuejs尝试一些不同的东西，但是我想用嵌套数组数据来代替它，而不是选择的文本。如您所见，selectedChar正在显示名称。在那里显示名称是很好的，但实际上，如果在下拉列表中选择了subjects的值，我希望在那里得到该名称的值。
new Vue({
el: "#app",
data: {
todos: [
{ Name: 'DonaldDuck',dept:'Disney',subjects: ["DA_", "AS_1E1", "VV_123", &
浏览 3提问于2022-08-29得票数 0
回答已采纳
1回答
Vue 2.5动态下拉单击失败
、、、、
Vue.js 2.5动态下拉
下面的硬编码下拉列表工作。
<ul class="dropdown-menu" role="menu" id="dropdown">
<li><a href="#" v-on:click="setDate('2018-11-11')">2018-11-11</a></li>
<li><a href="#" v-on:click="setDate('201
浏览 0提问于2018-11-11得票数 1
回答已采纳
我尝试更改由AppMaker上的Realation模型创建的表单中的下拉列表itens。
我尝试在属性编辑器的下拉列表中更改值和选项，但无法确认使用数据源的选择(使用Ok)。
此关系的字段是用户将选择的下拉列表。此下拉列表的itens列表是relationed Model中的id，我希望更改为另一个字段，如name。
浏览 28提问于2019-05-09得票数 -1
我在页面上有一些下拉列表，它们从会话变量中获取它们的SelectedValue。这允许跨多个页面保存下拉列表的值。
问题是dropdown selected值被用作页面上单独数据源的参数。
如果我试图在下拉列表绑定数据之前设置下拉列表的值，我会得到一个异常，因为下拉列表还没有被填充。如果我试图设置下拉列表的值太晚，另一个数据源将使用下拉列表的原始值而不是当前值来执行。
是否有适当的顺序来处理这些事件？
浏览 0提问于2012-12-11得票数 0
回答已采纳
这可能是微不足道的，但我无法在Vue.js模板中创建一个选择框来将US显示为默认(即在下拉菜单被单击之前)
<select v-model="country">
<option selected="selected">US</option>
<option>UK</option>
<option>EU</option>
</select>
问题是，无论我怎么尝
浏览 9提问于2018-09-07得票数 2
回答已采纳
Case：我在Vue.js项目中使用PrimeVue。在本例中，我有一个下拉列表，作为来自PrimeVue的组件，它使用一个对象数组。下拉组件如下所示：
<template #position>
<Dropdown
class="multiselect-fullsize"
v-model="selectedFilter[index].pos"
:options="filterPositions"
optionLabel="name"
浏览 4提问于2021-08-27得票数 2
回答已采纳
我在同一个Vue.js组件中有两个下拉菜单。由于某些原因，第二个下拉列表中的选项没有出现。相反，第二个下拉列表显示与第一个下拉列表相同的选项。这是WHy吗？
<div class="d-flex">
<div data-toggle="dropdown">
<a href="#" class="btn btn-secondary ml-4_5">
Dropdown1
<i class="
浏览 7提问于2019-11-26得票数 0
回答已采纳
1回答
我正在为我的应用程序使用Vue.js，我想知道是否有可能设置(编程的)默认(初始)筛选器，这些过滤器是在表呈现后应用的？
我希望避免找到DOM的元素，并在下拉列表中触发click元素来设置这些过滤器。
浏览 0提问于2018-06-23得票数 0
回答已采纳
我有上面的下拉列表数据。这个列表是随机排列的，我想按键值(一，三，五，...)的降序显示该列表。 new Vue({
el: '#app',
data: {
data: {
Abc: "Abc",
Thg: "Thg",
Acb: "AAb"
}
}
}) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
&l
浏览 17提问于2019-09-12得票数 0
我有一个下拉列表，其中包含使用sql数据源绑定到它的项。
在数据库中，我有与每一项相对应的数值。
现在有很多这样的下拉列表，在选择每个项目时，我想形成一个14位数字代码，我需要进一步使用一些更多的功能。
如何将所选项目从下拉列表转换为数字？？或者如何将下拉列表中的项目绑定到具有每个项目的数字值的数据库?请帮助。
例如，如果我从下拉列表中选择'WT'，那么它在数据库表中的相应值是39，所以在表单提交时，我希望'39'在代码背后形成。同样，在从不同的下拉列表中选择所有项目时，使用codebehind形成的数字应为'15487523568955'
浏览 0提问于2010-11-15得票数 0
回答已采纳
1回答
我有以下select，其中包含我希望适用于我的文本的字体系列：
<select v-model="focused_font">
<option value="" disabled selected>Font</option>
<option v-for="font in available_fonts" v-bind:value="font"
v-bind:style="{fontFamily : font}" @>
浏览 4提问于2018-10-01得票数 0
场景：我有一个用户控件，它有两个下拉列表。根据第一个下拉列表中的选择，获取和填充第二个下拉列表的值。因此，第一个下拉列表进行回发并为第二个下拉列表提取数据。因此，第二个下拉列表不需要对任何选择更改进行回发。
此用户控件正在网格视图中的页面上使用，因此它会根据网格中的记录数量重复多次。
Problem：当我在任何下拉列表中进行选择时，我以前在所有用户控件下拉列表中的选择都会丢失，并将其重置为下拉列表中的第一项。
为我工作的解决方案，：我能够通过为相应的DropDownList设置在SelectedIndexChanged事件上的事件中所做的选择来修复此行为。但是我想避免第二个下拉列表所做的回发，
浏览 1提问于2012-08-25得票数 1
回答已采纳
我在Vue.js/Vuentify.js中有一个多选下拉菜单，它有一个自定义的过滤器-我知道过滤只起作用当你在字段中搜索/键入时，我想知道是否可以按选中的项目进行排序。并将它们放在下拉列表的顶部？ <v-autocomplete v-model="defendantCode"
label="Defendant Code"
:items="defendantCodeOptions"
:loading="defendantCodeIsLoading"
:filter="custo
浏览 20提问于2019-09-14得票数 1
我创建了一个定制的Nova Field，通过Google自动完成地址。
当我从自动完成下拉列表中选择建议的地址并按下'Enter‘键时，将提交资源Create表单。
在address输入字段收到Vue.js组件中的事件后，是否有任何方法可以防止键压事件上升，或者阻止表单被提交？
浏览 0提问于2019-07-23得票数 0
回答已采纳
2回答
我有两个asp下拉列表，当第一个下拉列表具有选定的值时，第二个下拉列表将生成选项。两个下拉列表都从数据库中获取数据。但是，当我试图将这两个值插入到我的表中时，第一个下拉列表项将正确插入，第二个下拉列表总是将第一个项插入到我的表中。
经过一些测试后，我发现第二个下拉列表没有被选中，第一个条目被插入到我的表中，因为它是默认值。
顺便说一下，我的第一个下拉列表是autopostback，而第二个不是。
我使用的是MicrosoftWebDeveloper2010Express和Visual。
第一个下拉列表：
<asp:DropDownList ID="stockcodeddl"
浏览 2提问于2013-09-25得票数 0
回答已采纳
示例：
<asp:DropDownList runat="server" AutoPostBack="true" ID="ddlSample">
<asp:ListItem Text="text1" />
<asp:ListItem Text="text2" />
<
浏览 2提问于2013-06-20得票数 0
回答已采纳
我在一行中有两个下拉列表。我想要显示由两个下拉列表组成的第二行，它们将出现在meteor.js中使用jquery fadeIn()命令的第一个下拉列表的更改中。
浏览 0提问于2012-06-13得票数 1
我的页面上有三个下拉列表和一个数据列表。它们都是根据以前下拉列表中选定的项从SQL数据库中填充的。
AutoPostBack在所有三个下拉列表上都被设置为true，并且在第一个页面加载时，它们被正确地显示，即在所有三个下拉列表中都选择了第一个项目，并根据该选择在数据列表中显示结果。但是，当我在第一个下拉列表中更改选择时，只有第二个下拉列表才会被更新(有时它会更新第三个下拉列表，但它不一致)，而要获得第三个下拉列表的更新，我需要在第二个下拉列表上更改选择。数据列表中的结果大部分保持不变，并在第三个下拉列表中更改选择时进行更新。
当我在第一个下拉列表中更改所选内容时，我需要做些什么来更新数据列表？
浏览 6提问于2014-07-08得票数 0
回答已采纳
2回答
我有两个带有SQL值下拉列表，它们也有初始值，第二个下拉列表在从第一个下拉列表中选择后发生变化，所以我应该在第一个下拉列表中发生变化后清除第二个下拉列表值，但在清除第一个下拉列表后，我的初始值没有出现，我应该在后面的代码中做什么来显示清除后的初始值？
第一个下拉列表：
<asp:dropdown ID="OrderNo" runat="server" MaxLength="0" style="display: inline;"
AppendDataBoundItems="True" DataSource
浏览 1提问于2012-02-19得票数 0
我有两个下拉列表。一个下拉列表作为第二个的菜单。假设一个下拉列表用于Course-Category，那么根据用户选择的类别，第二个下拉列表将显示课程名称。另外，我将项目存储在dropdownlist的集合中。我使用c#和sql server2005数据库的dotnet框架。
浏览 1提问于2012-04-02得票数 0
在我的ms项目中，我有很多下拉列表。突然间，我发现了一个问题，大多数的下拉列表。下拉列表显示正确，但我无法从该列表中选择任何选项。对于某些列表，我可以选择选项，但大多数下拉列表是不可选的。在下面的图片中，我已经显示了我的下拉列表之一。正如您所看到的，我正在尝试选择降序，但它没有被选中。我怎样才能解决这个问题，为什么在我的整个项目中会突然发生这种情况？
浏览 1提问于2015-09-02得票数 0
回答已采纳
我有一个带有插入模板的表单视图。在此模板中有一个下拉列表，其中包含许多我希望用户能够从中进行选择的项目。在下拉列表旁边有一个按钮，我用它将下拉列表中的选定项添加到网格视图中，该网格视图也存在于插入模板中。
我的问题是，当我单击按钮添加下拉列表中的选定项时，下拉列表中的选定项、索引或值不可用。我使用了一个OnClick事件处理程序来捕获来自按钮单击的事件，但我怀疑这里正在进行某种类型的模板刷新，我不理解这一点，因为按钮事件处理程序似乎无法访问任何内容。我不相信会发生回发，因为我已经禁用了按钮的CausesValidation属性。
浏览 0提问于2009-02-25得票数 1
回答已采纳
我尝试在select下拉列表中编辑以前选择的选项，我能够根据服务调用驱动的数据显示选中的选项，但不能在下拉列表中选择其他选择选项，我使用类星体框架和vue.js。代码：
<q-select
multiple
stack-label="Actions"
v-model="multiSelect"
:options="options"/>
剧本：
import {QCheckbox,QSelect} from 'quasar'export
default {components: {QCheckbox,QSelect
浏览 1提问于2017-10-31得票数 2
2回答
我为Vue JS的数组纠结了一段时间。
new Vue({
el: '#app',
template: `
<div class="cascading-dropdown">
<div class="dropdown">
<span>Cereal:</span>
<select v-model="cerealname">
浏览 1提问于2018-04-03得票数 2
1回答
我在ASP.NET页面中有一个下拉列表。每当下拉列表的值发生变化时，都会向服务器发出一个ASP.NET AJAX请求。我还向该列表附加了一个jQuery "change“事件处理程序，以便在值发生更改时执行一些代码。因此，可能有两个不同的事件处理程序被附加到同一个下拉列表中，这导致了一些问题，例如，有时错误的下拉值被发送到服务器。我不知道为什么会发生这种情况，但我认为将两个不同的事件处理程序附加到同一个下拉列表中可能是原因。
谁能告诉我这里的问题是什么？如果我猜的是真的，那么在发送asp.net AJAX请求之前，有没有其他方法可以执行一些自定义的javascript代码呢？
浏览 4提问于2010-05-10得票数 0
回答已采纳
2回答
我正在从服务器加载一些数据，然后尝试使用Vue.js for循环将dimensionscodes加载到下拉列表中。 但是，当我尝试从第一行的dropdown中选择某些内容时，它将使用该值更新所有其他下拉列表，如下所示： ? 我怎样才能避免这种情况呢？当我从dropdown中选择一些东西时，只需要更新这个dropdown，而不是其他的。 HTML： <div id="app">
<table id="tbl" style="display:none;" class="table">
浏览 162提问于2021-05-10得票数 0
回答已采纳
2回答
我创建了一个动态下拉列表，并在其中添加了一些数据。这是在ascx.cs页面中完成的，并且
当我们在asp.net中选择下拉列表时，c#。我一直在重新加载页面并跳过这些值。例如:我有一个下拉列表，它的值是: dropdown - Id's (-- Select --,1,2,3,4,5,6,7,8,9)
当Id被选中时，Index Changed事件将被触发，下拉值将被发送到其中。然后，我希望在会话中捕获该值。
但是当我选择一个Id时，-- select --值被加载到下拉列表中以显示。
实际的想法是，当我根据选择选择值3或6或任何其他值时，需要显示数据。
提前谢谢。
浏览 2提问于2012-09-10得票数 0
我希望在ColdFusion中编码一个动态下拉列表。我想要的是由上面的下拉列表填充的下拉列表(示例:选择省份(B.C)将填充该省份内的所有城市的城市下拉列表)。省数据将从ColdFusion查询中收集，并与该市的数据相同。
浏览 3提问于2012-02-03得票数 0
回答已采纳
我有一个对象数组，它包含另一个数组，用作ListView。我只想显示这个ListView，它是在下拉列表中随机选择的。这个是可能的吗？
<ListView ItemsSource="{Binding dgSamples[i].Test}" Width="645" BorderThickness="0"/>
其中"i“是所选下拉列表项的idex。
浏览 0提问于2016-06-23得票数 0
回答已采纳
1回答
我按照对下拉列表应用了一个过滤器。
下拉列表
<kendo-dropdownlist
[data]="data"
[(ngModel)]="selectedItem"
[filterable]="true"
[textField]="'text'"
[valueField]="'value'"
(filterChange)="handleFilter($event)"
浏览 1提问于2019-12-30得票数 2
回答已采纳
1回答
我的asp.net页面上有一个下拉列表。当我在下拉列表中选择一项时，即使我设置autopostback为true，它也会转到下拉列表的第一项。
浏览 0提问于2009-01-27得票数 1
1回答
我有以下带有select多属性的下拉列表，需要将它们转换为普通下拉列表，同时保留它们的功能：
由此：
对此：
下面是带有绑定的select下拉列表：
<select data-bind="click: $root.divisionddupdate, foreach: Products, updateDDPlugin: true" id="divisiondd" multiple="multiple" >
<option data-bind="value: ID, text: Name"
浏览 1提问于2014-11-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
