我需要一种方法来触发<select>或<b-form-select>，并在鼠标悬停上显示下拉选项列表。不使用JQuery或Vue.js以外的任何外部插件。
浏览 7提问于2022-01-24得票数 3
enter code here如何根据特定的类呈现列表的数据
<div class="my-data">
<li class="list-group top">
<li class="list-group top">
<li class="list-group ">
<li class="list-group ">
</div>
现在我只想显示具有top类的列表项
我的代码是
<!DOCTYPE html>
<html lan
浏览 0提问于2015-12-31得票数 0
我现在正在学习一些vue.js，我想知道如果我想实现以下内容，我应该走哪条路：
问题是，在HTML中，我可以编写<span></span>并使用style="display: none"添加一个<textarea></textarea>，所以在编辑按钮单击后，在vue.js的帮助下，我可以隐藏span并显示textarea，这样我就不用使用jQuery的replaceWith方法了，而且我还可以在那里保存一些代码。但我不确定这样做是否合适.
我也会使用v斗篷隐藏文本区域，而页仍在加载。
浏览 3提问于2017-04-19得票数 3
回答已采纳
1回答
我是前端开发的新手，我想知道如何使用Vue.js读取java类列表。我有一个Java类，其中包含我想要读取的水果列表，并使用Vue.js在UI中显示它：
public class MyClass {
List<String> fruits= new ArrayList<>(Arrays.asList("apple","banana","grapes"));
}
浏览 11提问于2021-03-07得票数 1
使用Vue.js，我需要切换一个父-div，但是总是显示子-div。
<div v-if="showparent" class="parent">
<div class="child">
Child should always be visible
</div>
</div>
据我所知，这在Vue.js中是不可能的。当v-if为false时，showparent指令移除所有div的内部。
有什么办法可以做到吗？
浏览 10提问于2016-08-15得票数 13
4回答
我开始了解Vue.js了。我想知道如何将刀片变量传递到Vue.js？
喜欢
return view('user.profile', ['locations' => $allLocations);
我可以通过Vue.js操纵它吗？
因为我正计划实现一个动态下拉列表。实际上，有两次跌落。因此，无论用户在第一个下拉列表上选择什么，第二个下拉列表将只显示特定的选项。
我已经尝试过在1之前实现它。)隐藏元素，通过Javascript或2检索元素。)在页面加载后使用HTTP请求初始化元素，但是我发现这个方法有点麻烦，或者有点占用资源。除了上面提到的，还有其他实
浏览 3提问于2018-03-21得票数 1
回答已采纳
我刚刚做了我的第一个Vue.js应用程序，它很棒。我遇到的唯一问题是与慢速连接上的绑定值有关。
例如，在我的template中我有这样的代码：
<div v-for="event in events">
<div class="start_time">
{{ event.start_time_formatted }}
</div>
<div class="icon_placeholder">
<img v-bind:src="ev
浏览 4提问于2016-04-05得票数 22
回答已采纳
我在基于onclick事件显示所需值时遇到问题。值来自bookData数组中的对象：
this.bookData.push(
{
avalable: true,
titles: [title, id],
author: authors,
descriptions: [description, id]
})
我输入了一个代码，目的是使用以下vue.js模板显示带有onclick事件的描述值。所有东西都需要与这个对象相关(他的键中的值是从google b
浏览 0提问于2020-07-29得票数 0
因此，我有一个Drupal8站点，它利用Vue.JS在每个页面上呈现各种类型。有很多依赖于数据的Vue.JS组件，比如用户购物篮(这是一个电子商务站点)。 我正面临一个问题，我使用Drupal视图来查询数据并向用户显示数据，在本例中，它是在页面上显示产品。这个Drupal视图使用AJAX对结果进行分页和过滤。第一个加载是在服务器端完成的，但是分页或过滤是通过AJAX完成的。 现在，这些返回的产品显示为“卡片”，卡片包含一个Vue.JS组件，该组件基本上是数量选择和添加到篮子按钮，用于处理该流程。 问题是，如果Drupal重新加载DOM元素(产品卡)，Vue.JS“添加到篮子”组件不会通过Vu
浏览 36提问于2020-07-20得票数 2
1回答
我是vue.js的新手，使用vue.js更新<li>列表，并使用vue.js从其他列表中选择元素。但是我得到了一个错误
vue.js:465 [Vue warn]: Error compiling template:
下面是我用编写的代码。
我做错了什么？
浏览 1提问于2018-06-06得票数 0
我使用Vue.js (cdn)和axios从heroku和mlab获得信息。
我想从列表中的对象中显示一些信息，我希望每一行都能像按钮一样运行，或者按一下按钮来显示来自下面同一对象的更多信息。就像一滴水。
我试了一下v-on按钮:点击=“可见=！可见”.这是工作的，但它切换显示/隐藏在所有的元素，如预期。
我希望能够在多个元素列表中的单个元素上切换显示/隐藏。
这就是我所拥有的：
index.html
<div id="app">
<div class="list" v-for="drinks in rom">
浏览 0提问于2018-12-27得票数 10
回答已采纳
下面是我在vue.js中的代码，在这里我试图显示输出列表类型，如。如果用户发出以逗号分隔的形式。
vue.js,angular,react.js
那么，我希望输出以这种格式
vue.js
angular
react.js
这是我在JavaScript中实现的，但是试图在vue.js中实现，请帮助我完成这个
这是更新的代码，请告诉我哪里出错了。
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head&
浏览 28提问于2021-12-06得票数 -1
4回答
如何在列表大写中显示项目？
、、、、
我试图在vue ( TODO ).Here中做一个简单的列表示例，我试图添加大写的过滤器(换句话说，所有的字母都是大写的).But，它显示了me错误
这是我的代码
var app = new Vue({
el: '#App',
data: {
message: '',
items: [{
name: "test1"
}, {
name: "test2"
}, {
name:
浏览 4提问于2017-09-02得票数 0
回答已采纳
1回答
隐藏计时器并显示文本框
、、、、
当计时器到达时，我想显示文本框而不是计时器。计时器应在显示框后隐藏。我正在寻找一个简单的逻辑，要么与‘v显示’或‘破坏’属性在vue.js。
mounted () {
this.interval = setInterval(() => {
if (this.value === 0) {
return (this.value = 3)
}
this.value += -1
}, 1000)
}
链接上的代码
浏览 0提问于2018-04-04得票数 1
我有一个对象数组。这些对象被加载到vue.js中的列表中。除了这个列表之外，我还有一个显示来自这些对象之一的数据的表单。我希望，当单击列表的某个元素时，它会将此特定对象绑定到表单并显示其数据。
如何在Vue.js中做到这一点？
我的列表代码是：
<div id="app-7">
<ul id="food-list" v-cloak>
<food-item v-for="item in foodList" v-bind:food="ite
浏览 0提问于2017-12-15得票数 1
1回答
我正在Vue.js中制作一个电子商务类型的菜单，其中的项目是div，包含大量的功能和图像。当呈现这些项目中的200项时，性能相当好，但是当添加了更多的项目时，站点就开始缓慢地执行。
如果Vue元素位于当前可滚动视图之外(如ScrollViews中的iOS)，那么从DOM中有条件地隐藏或删除Vue元素的最佳方法是什么？是否有任何插件或库可以帮助Vue.js中的数据项长列表的性能？
谢谢!
浏览 0提问于2017-03-30得票数 4
回答已采纳
关于
我使用Vue.js模板与Laravel5.8。
我试图调用一个vue.js函数来显示p标记中的函数将返回的值。
错误详细信息
无效表达式:缺少)在参数列表之后。我想显示一个p标签。我有遗漏什么吗？
实际上，线程对象中有一些复杂的数据，因此我需要传递函数来检索值并显示它。
码
<template>
<div>
<div v-for="Thread in Threads">
<p>{{ getName(Thread); }}</p>
</div&g
浏览 2提问于2019-08-08得票数 0
回答已采纳
2回答
如果选项A被选择div b disable，并且当选项B被选择时，div A使用vue.js被禁用，我如何在Vue.js中实现它。
<div id="app">
<select>
<option>A</option>
<option>B</option>
</select>
<div id="a">
A
</div>
<div id=
浏览 1提问于2017-06-19得票数 0
回答已采纳
我使用显示一些绑定变量。我页面的骨架是
<body>
<!-- the content of the page, including an instance of the variable {{hello}} -->
<script src="vue.js"></script>
<script src="myscript.js"></script>
</body>
打开页面时，页面显示{{hello}}的时间很短，在此之后，将立即替换为变量hello的正确值。
什么是正确的方法(
浏览 1提问于2017-04-03得票数 2
回答已采纳
0回答
Vue.js调试消息问题
、、、
我已经使用Vue.js v2.5.1为前端构建了一个web应用程序。这个应用程序通常工作得很好，但是当出现问题时，抛出的错误消息只会引用vue.js代码本身，而不是我的代码部分(我假设在我的模板中有一些内容)，而这些部分无疑是问题的真正根源。
下面是一个示例：
Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on
'Node': The node before which the new node is to be inserted is not a
child
浏览 17提问于2017-12-01得票数 6
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
回答已采纳
我最近发现Gridsome是一种在Vue中构建静态站点的解决方案，当我运行构建来测试它时，我签出了所有正在生成的HTML文件，我注意到它们引用了Vue.js脚本。
我假设Gridsome会将所有的vue编译成静态的html/css/js，所以即使在dist构建中，我也不知道什么需要加载Vue.js框架。
浏览 0提问于2019-06-04得票数 0
将新对象添加到Vue.js组件中的对象数组时，渲染列表将更新，但是，oderBy过滤器不会应用于添加的新项目。例如，一个对象数组，其中每个对象都有一个正确的name，并且orderBy过滤器应用于name，如果我将一个新对象推送到该数组，此对象将显示为呈现列表的最后一项。使用unshift时，对象将显示为列表的第一项。
如何正确地将项添加到数组中，以便Vue.js可以对所有项应用orderBy过滤器来重新呈现列表？
我试着玩Vue.set / $set，但做不到。任何帮助都是非常感谢的。
HTML：
<div v-for="object in array | orderBy &#
浏览 4提问于2017-05-03得票数 1
我是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
回答已采纳
上下文
我必须创建一个Vue.js应用程序作为REST后端的UI。它将显示给每个客户。
此应用程序显示要处理的项的列表(使用一个小工作流:打开，正在进行，已完成)。
我的一些客户端为这个列表请求一个特定和不同的视图:例如，他们希望列表显示在另一个布局中，或者使用来自其内部应用程序的额外数据。
我的想法
因此，我必须为这些客户机创建特定的Vue.js组件，但我不想用这些客户端的所有组件“污染”我的主要应用程序代码库。我希望这些视图在一个专门的代码库中处理。
我想知道是否可以根据使用应用程序的客户机使用动态导入/异步组件(和)来加载这些组件。这些组件将从加载--另一个服务器，而不是为主Vue.js
浏览 3提问于2019-02-19得票数 3
回答已采纳
我在Vue.js中有一个搜索组件。当您在文本输入中键入内容时，将从服务器获取搜索结果列表，然后显示在搜索字段下的列表中。当您单击其中一个结果时，将激发submit事件。 但是，现在我尝试向文本输入添加一个blur事件，当用户单击远离输入时，它应该会隐藏结果列表。这可以很好地工作，除了一个关键的情况--单击结果不再触发submit事件。 我理解为什么会这样-- blur事件显然是在click事件之前触发的，并且在单击可以在一个结果上注册之前隐藏了结果列表。我的问题是，我该如何解决这个问题？我需要在文本输入外部单击时关闭结果列表，但显然也需要submit方法才能起作用。 下面是完整的组件： &l
浏览 21提问于2020-04-10得票数 0
回答已采纳
我有一个在created()方法中加载内容的Vue.js应用程序。我使用v-if标记来隐藏我所有的UI，直到内容加载完毕并准备就绪。它在初始加载时运行良好，但如果用户在Chrome中点击刷新，则应用程序会显示(瞬间闪烁)否则不会显示的内容(基于在创建时加载的数据)。 根据我对使用v-if标记的理解，在我准备显示内容之前，使用vuex存储中的一个标志来指示加载完成是隐藏内容的正确方法。 如何避免内容在刷新时闪烁？
浏览 20提问于2019-09-24得票数 3
回答已采纳
下面是我的完整代码，在这里我试图隐藏默认的“v-显示”。默认情况下，它应该处于隐藏状态，当用户单击按钮时，它应该显示。我使用了"display:none“css属性来隐藏div默认值，但它不起作用。我们怎样才能解决这个问题？
<script src="https://unpkg.com/vue@2.5.3/dist/vue.js"></script>
<div id="app">
<button @click='toggle = !toggle'> click here </bu
浏览 1提问于2021-07-20得票数 0
回答已采纳
当使用Vue.js或其他Javascript构建页面时，不可避免的构建延迟会导致在Chrome上加载页面时出现短暂但令人恼火的闪光。延迟不是由异步ajax请求引起的，而是由构造处理引起的。我们怎样才能避免这种情况呢？这个问题在FireFox和Safari上不存在，我猜他们在渲染和构造完成之前不会显示页面，但在Chrome上，它在渲染和并排构造的同时显示页面，所以你会看到页面波动，这真的是不可接受的。有谁有好主意吗？
浏览 8提问于2016-08-11得票数 0
vue.js在wkwebview上能正常工作吗？我知道它在编译时只是一个javascript，但我想确定一下。 我们的团队计划使用vue.js通过web制作我们的iOS应用程序的部分内容，并使用wkwebview在iOS应用程序中显示这些内容。 因为我们的团队以前没有使用vue.js的经验，也没有使用wkwebview中的vue.js显示网页的经验。在开始使用vue.js制作内容之前，我们真的想确认一下。 我们已经测试过使用wkwebview中的vue.js显示示例页面，没有任何问题。 我们还计划将Firebase Cloud Firestore与vue.js结合使用。
浏览 35提问于2019-05-08得票数 2
在早期版本的vue.js中，可以使用optgroups (如 )创建动态选择列表。
在较新版本的vue中，文档在选项中使用v-for显示，并且它们似乎不再支持optgroups。有办法解决这个问题吗？
浏览 2提问于2016-07-07得票数 1
回答已采纳
1回答
我有两个Vue.js父组件。
在一个组件中，它显示它的子组件的可用名称列表，在另一个组件中，它显示已经选择的名称列表。
我想要做的是，当我单击一个可用的名称时，它应该隐藏在该组件中并显示在另一个组件中。同样，如果我从选定的列表中删除它，它应该出现在可用列表中。
但这两个组成部分完全不相关。我该怎么做？
浏览 3提问于2020-01-08得票数 1
回答已采纳
1回答
这是我在Vue.Js上的第一个项目。我无法使用v-for显示嵌套对象。当v-for在{{element.fist_name}}上使用时，它会打印空列表。
下面是我在jsfiddle上的代码。
浏览 6提问于2020-05-12得票数 1
我想编辑使用Vue.js的用户列表。每个用户都有自己的名字和年龄。看起来v-for是处理列表的正确指令，而v-model是将input内容绑定到列表中特定元素的正确指令。 所以我试着这样实现它： new Vue({
el: '#exercise',
data: {
users: [{
name: "martin",
age: 32
}]
},
methods: {
add_user: function() {
this.users.push({
name: "
浏览 49提问于2019-01-07得票数 3
回答已采纳
1回答
在我的项目中，我使用vue.js 2，并且我有一个img组件。
这是它的代码：
<template>
<div class="banner">
<img class="banner-img" :src="bannerImg"/>
</div>
</template>
<script>
export default {
name: 'DetailBanner',
props: {
sightName: String,
bannerI
浏览 3提问于2018-09-14得票数 1
回答已采纳
如何用过滤器显示原始html？
我有这样的事情：
K.json = function( json ) {
if( typeof json!='string' ) json = JSON.stringify( json, null, 2 );
json = json.replace( /</g, '<' ).replace( />/g, '>' ); // replace(/&/g, '&')
var pattern = /("(\\u[
浏览 6提问于2017-01-17得票数 25
回答已采纳
2回答
我在Vue.js中有一个select表单。在选项中，它显示用户列表，其中包含姓名和电话等字段。现在，在本例中，我只能在label - telephone中显示一个字段。如何显示多个字段？例如，name和telephone。
<selector placeholder="Выбрать"
:options="usersList"
track-by="id"
label="telephone"
v-model="user"
:allow-empty="false"
>
&
浏览 2提问于2018-08-17得票数 0
1回答
用php或js显示数据？
、、、
我现在正在学习vue.js，在laracasts.com上，jeffrey展示了在网页上显示数据的2种方式。第二种是用vue.js显示数据。我有一个问题:用Laravel显示数据和用vue.js显示数据在性能上有什么不同吗？
浏览 2提问于2016-04-16得票数 0
回答已采纳
2回答
我正在处理一个Vue.js项目，我需要弄清楚在此断点处于活动状态时如何隐藏这些菜单项。$vuetify.breakpoint.sm当此断点处于活动状态/屏幕较小时，以下代码当前显示此菜单项。 div(v-show="$vuetify.breakpoint.sm").mobileCta
a(@click="showMobileMenu = !showMobileMenu").mobileCta__link
v-icon(v-if="!showMobileMenu").mobileCta__link__icon
浏览 20提问于2020-06-25得票数 1
回答已采纳
我用来获取最新的五条推特。所以，如果我这么做：
var latestTweets = {
"id": '695269278174572544',
"domId": 'latest_tweets',
"maxTweets": 5,
"showTime": false,
"enableLinks": true,
"showInteraction": false,
"showUser": false
}
浏览 5提问于2016-02-21得票数 0
回答已采纳
2回答
在客户端然后服务器上进行表单验证
、、、、
我正在用vue.js和REST服务(java)设计一个web应用程序。
我有一个非常复杂的形式：-类型检查:电子邮件是一种格式良好的电子邮件密码检查:密码文本字段和重新键入密码文本字段匹配？- 2下拉列表:如果我在下拉列表1中选择选项A，在下拉2中选择选项{R，T}，则只能显示选项{R，T}。
因此，处理这个问题的一个简单方法是: 1.使用javascript或一些vue插件对客户端进行完美的适当检查。2.重新检查服务器上的所有内容，以确保没有人“攻击”提交的json。
主要的问题是，我将编码两倍的检查。
什么是更好的方法？
诚挚的问候
浏览 7提问于2017-10-25得票数 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
我有一个用Vue.js编写的小型web应用程序，我正在尝试在页面上显示一个加载指示器，同时项目列表正在被过滤和重新呈现。该列表不是异步获取的，它只是基于某些筛选器字段的计算属性中的项的列表，并随着筛选器的更改而更新。在UI中更新列表之前有几秒钟的延迟，因为列表大约有1400个项目，并且每个项目都是具有图像、按钮、图标和一些文本的卡式组件。我试图显示一个“正在加载...”过滤器更改和新列表呈现之间的消息，但似乎无法将其显示给用户。
我已经组合了一个简化的小提琴作为示例：
编辑:以下是代码片段：
new Vue({
el: '#app',
data: {
eve
浏览 34提问于2018-06-02得票数 1
回答已采纳
1回答
当我按下5个按钮列表中的一个时，我希望使用vue.js在特定选项卡中显示每个按钮的内容。
我是Vue新来的。有人能帮帮我吗?我一周前就被困在这里了。
浏览 1提问于2022-04-04得票数 0
我正在为我正在编写的UI库实现一个组合的select下拉列表和搜索框组件，使用Vue.js来驱动交互，但我遇到了一个问题，Vue.js似乎如何处理父组件和子组件之间的通信。
基本上，我的目标是允许库的用户使用以下内容定义HTML中的搜索选择元素：
<search-select>
<search-option value="foo">Foo</search-option>
<search-option value="bar">Bar</search-option>
<sear
浏览 0提问于2017-08-23得票数 1
回答已采纳
1回答
我不能让V斗篷在我的应用程序里工作。如您所见，组件是在vue.js完成加载之前加载的(在本例中，我按了Reload几次以突出显示问题)。
我的实施：
<body>
<div id='myapp' v-cloak>
我的CSS：
[v-cloak] {
display: none !important;
}
}
到目前为止我尝试过的是：
将样式移动到CSS的底部，以防止意外覆盖。
添加！重要的显示:无，以确保执行。
在问题中突出的组件中加入v斗篷。
毫无办法。有什么想法吗？
浏览 3提问于2021-04-19得票数 2
我正在一个web应用程序和学习Vue.js并行工作。我的网站在Chrome、Firefox和Opera上运行正常，但Safari的布局却在移动。
Myb .browserslistrc
> 1%
last 3 year
not dead
not ie 11
npx浏览器列表显示了正确的浏览器列表，包括Safari，但是它不能正常工作。
有什么问题吗？
.browserslistrcadding -webkit-box选项改为css
浏览 7提问于2022-11-16得票数 0
我是Javascript和Vue.js的新手。试着了解更多关于它的知识。现在，在调用将在请求负载中显示密码的API登录时，我将面临一个问题。
我想知道它是不安全的，对吧？如果它是正确的。如何在浏览器中隐藏它？
任何人请帮助或建议我。
浏览 1提问于2021-05-07得票数 2
我刚接触not OOP，尤其是VUE.JS。
我有一个条件列表，根据它们我应该在页面上显示几种不同的组件。
例如，我如何呈现2个TextInput组件(或3.10)点击按钮后，在parent中动态读取输入的文本？
提前谢谢你。
浏览 6提问于2020-04-16得票数 1
我正在转换一个旧的项目到Vue.js，我有问题的选择列表，其中包含字体令人敬畏的图标。
我的代码是...
<select id='fa_select'>
<option value='fa fa-address-book'> fa-address-book</option>
<option value='fa fa-address-book-o'> fa-address-book-o</option>
etc etc etc
浏览 2提问于2018-03-20得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
