1回答
我使用的是两个组件和两个模板的Vue.JS。它们被多次使用：
<compone v-show="! showcompone"></compone>
<compone v-show="! showcomptwo"></compone>
和
<comptwo v-show="! showcompone"></comptwo>
<comptwo v-show="! showcomptwo"></comptwo>
我的论调如下：
new Vue
浏览 5提问于2016-05-02得票数 0
回答已采纳
CodeExample如何使用Vue.js获取样式显示值(none/block)？jsfiddle示例：https://jsfiddle.net/DevCccc/52xqe8mv/ <div id="app">
{{count}}
<ul ref="mylist">
<li v-show="true">1</li>
<li v-show="true">2</li>
<li v-show="false"&g
浏览 23提问于2019-09-13得票数 0
2回答
如何获取v-show或v-if指令的属性值？我已经尝试过像下面这样的例子，但没有成功。
v-show="cabin >= {{ number }}" number="5"
我被困在这里了，因为vue.js是新的，所以很难找到文档和例子。
浏览 2提问于2015-12-09得票数 0
我把我的laravel/vue.js应用程序部署到heroku，它停止正常工作。vue组件的“发送”按钮没有执行任何操作。在当地是有效的。当我单击发送时，它会发送post请求并更改到send。但是在，heroku，，点击什么都没发生。我做错了什么？
这是我的vue.js组件
<template>
<div>
<p v-on:click="sendArticle()" v-text="buttonText" v-show="status"> </p>
<a v-bind:hre
浏览 4提问于2020-12-27得票数 0
这里我已经写了一段vue.js代码。在这里，我试图实现切换div。如果我点击一个“当日交易”按钮，我就会切换到另一个div。类似地，我对其他三个div都是这样做的。它工作得很好，但我想增强这个功能，比如如果用户单击一个按钮，那么div将切换，然后类似地，如果用户单击其他按钮切换div，那么以前切换div应该自动关闭如何在vue.js中实现这一点 <script>
new Vue({
el: '#category_app',
data () {
return {
toggle: false,
latestClassifieds:
浏览 18提问于2021-07-30得票数 1
回答已采纳
1回答
我现在对Vue.js有点纠结。我有一个带有多个选项的select input元素。每个选项的值都等于另一个输入元素的名称，我希望一次只显示名称与所选值一致的输入元素。
这是我到目前为止所知道的：
var app = new Vue({
el: '#app',
data: {
selectedOption: ''
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div
浏览 4提问于2019-08-16得票数 0
回答已采纳
我见过使用*v-show或在GridLayouts中看到rows="*，*，*“的多个代码示例。这只是一个汽车的速记吗？或者类似于在常规vue.js中的@？
浏览 11提问于2020-04-16得票数 0
回答已采纳
2回答
当我点击按钮后数组shows[]发生变化(我可以在Vue的铬插件中看到shows[]的变化)，字符'a‘仍然在页面上。’B‘和'c’永远不会出现。
<script type="text/javascript" src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script>
<script>
let vm = new Vue({
el: '#app',
data: {
currentShow:
浏览 4提问于2018-04-23得票数 2
回答已采纳
我在一个页面上有多个按钮，当我单击其中一个按钮来切换按钮文本时，所有的按钮都会改变。我如何使用VUE来分离功能，并使每个按钮@click只影响被点击的按钮？在下面的代码片段中，您将看到所有按钮在单击时都会发生变化。我只想更改单击的按钮文本。 请参见下面的示例。这个例子来自另一个帖子，所有的功劳都归功于： change button while pressing it with vue.js new Vue({
el: '#app',
data: {
isFavorite: false
},
methods: {
toggleFavorite
浏览 19提问于2020-12-18得票数 1
回答已采纳
3回答
有没有像on-shown和on-show这样的使用vue.js的回调方法？
我在div元素上使用v-show="my-condition“。但是里面有一些charts.js图表，这些图表只有在可见时才能呈现。
有人知道只有当父级可见时才能呈现chart.js吗？它们位于可选选项卡中，因此可能会多次触发。
我使用的是Vue.js和vue-strap。
浏览 0提问于2016-01-02得票数 9
1回答
Vue Js登录组件
、、、
我正在建立一个在Vue.js的注册系统，需要一些建议，什么是最好的做法这样做。
假设这是我的表单。我希望所有的操作都在/login下进行。(我知道通过router :)会更容易。
浏览内容的最佳实践是什么？如果我用组件来分隔我的表单会不会更好？是否可以设置页面变量并将其设置为我需要显示的内容以及使用v-show显示它的方式？或者任何其他的东西都会非常感谢。
在下面找到一个我需要的虚拟示例，以获得一个想法。
new Vue({
el: "#app",
data: {
login: {
login: '',
浏览 2提问于2019-12-16得票数 0
使用，一个用于表单验证的Vue.js插件，我想在输入字段验证通过后显示一个图像。正如您所看到的，我曾尝试使用v-show="!errors.has('fname')"完成此操作。问题是，图像在验证发生之前就已经显示了，因为那时没有错误。当对应的输入字段有效时，如何显示图像？
<form>
<input v-validate="{rules: {required: true, alpha: true, min: 3}}"type="text" id="fname" name="fname
浏览 14提问于2017-02-03得票数 0
我有一个按钮，应该切换并调用一个方法。我怎样才能做到这一点？似乎只能是其中一种。
new Vue({
el: "#app",
data: {
iExist:false,
iDoNotExist: true,
},
methods: {
iSignedUpforThis: function(){
console.log("step X");
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vu
浏览 0提问于2019-08-15得票数 1
回答已采纳
1回答
如果变量的值为null或空，我想隐藏div，我使用以下代码，但如果值为空或NULL，它仍然使用vue.js显示相同的div。 <p class="user" v-show="Item.date !== 'NULL'"><i class="fa fa-user"></i>{{Item.date }}</p> 这里我检查Item.date是否为null。
浏览 28提问于2020-08-10得票数 2
回答已采纳
1回答
如果我的项目UI内容react/vue.js和我想要创建放大器页面后，添加了所有amp-boilerplate。
它不处理它给出错误的事件，如下面所示
属性'v-on:click‘可能不会出现在标签'li’中。属性“v-show”可能不会出现在标签'ul‘中。
请让我知道如何转换它。
浏览 0提问于2019-01-18得票数 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
回答已采纳
1回答
关于状态变化，做动画
、、、、
目前，我在Vue.js工作，并有一个导航菜单，我想要动画。我想要做的是，当用户悬停在一个导航按钮上时，显示两个li元素。目前，我正在做的是默认将showActivities的数据类型设置为false，并将其设置为true on mouseenter和false on mouseleave。因此，这个项目出现和消失在悬停，但他们不是动画。怎么才能做动画呢？
<ul class="navs">
<li>Schedule</li>
<li @mouseenter="showActivities = true&#
浏览 1提问于2021-05-08得票数 1
回答已采纳
2回答
我正在尝试创建一个组件，它可以显示/隐藏单击，类似于手风琴。
我有以下错误，我不知道为什么：
Vue警告:属性或方法"is_open“不是在实例上定义的，而是在呈现期间引用的。确保在data选项中声明反应性数据属性。(在根实例中找到)
<div id="app">
<div is="m-panel" v-show="is_open"></div>
<div is="m-panel" v-show="is_open"></div&g
浏览 3提问于2016-12-13得票数 0
回答已采纳
Vue.js有两个条件关键字：，它允许基于条件的元素可见或不可见。不同的是
区别在于，带有v-show的元素将始终呈现并保留在DOM中；v-show只切换元素的display属性。
我认为它会对不可见元素占用的空间产生影响，但在任何这些情况下，当条件为假时，元素占用的空间为零。
这意味着，比方说，在占用屏幕宽度100%的三个元素的跨度中，下一个元素占据了不可见的位置，如在CSS Grid中的示例：
new Vue({
el: "#app",
data: {
visible: true
},
mounted() {
setInterva
浏览 2提问于2018-04-23得票数 17
回答已采纳
1回答
我在Laravel中使用Vue.js，并试图验证一个确认密码。密码是一样的，但我得到了一个错误，他们不匹配。
<div class="control-group">
<input type="password" v-validate="'required'" name="password" id="password"
placeholder="Create Password" class="form-control"
浏览 2提问于2018-11-27得票数 0
1回答
我刚刚开始学习Vue.js，我需要一些帮助。我在一个v-for循环中设置了一个v-show，在循环中有一个show按钮，当我点击它时，它会打开所有隐藏的div，我希望它只打开被点击的相关div。也许有另一种方法可以做到这一点，或者是我一直在读到的一种更好的方法，即v-show可能不适合在循环中使用。 <style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: "Montserrat", sans-serif;
}
浏览 31提问于2021-03-22得票数 0
我想使用vue.js ()中的过渡钩子
在组件html中，
<transition name="fade" @before-enter="beforeEnter">
<ul v-show="show">
<p>hoge</p>
</ul>
</transition>
在组件ts中，
const beforeEnter = (el:HTMLElement)=> {
el.style.height = '0';
}
使用下面的
浏览 10提问于2022-01-29得票数 0
回答已采纳
1回答
我的控制台里有个错误
Uncaught :请求的模块'./components/tileHeader/controller.js‘不提供名为“tileHeader”的导出。
这是我的代码components/tileHeader/controller.js:
Vue.component('tileHeader',{
template: '#tileHeader',
data(){
return{
count:0
}
},
})
components/tileHeader/vi
浏览 1提问于2021-11-29得票数 0
我一直试图在Vuetify中创建一个简单的骨架加载器，在加载文档的资源(如图像)时显示它，然后在全部加载时隐藏(用<v-card>替换)。
目前，我有这个<v-skeleton-loader>
<v-skeleton-loader v-if="loading == true" :loading="loading" transition="fade-transition" type="card">
</v-skeleton-loader>
我的v-card元素像这样使用v-show：
浏览 6提问于2020-02-19得票数 2
回答已采纳
我刚开始用Vue.js做实验
我尝试使用Vue.js在Todo应用程序中实现crud操作
我的代码无法删除待办事项。
删除todo项是在父类中实现的。
<template>
<div>
<p>Completed Tasks: {{todos.filter(todo => {return todo.done === true}).length}}</p>
<p>Pending Tasks: {{todos.filter(todo => {return todo.done === false}).lengt
浏览 2提问于2022-01-31得票数 0
回答已采纳
2回答
从特定索引到特定索引迭代数组
、、、、
有没有办法在vue.js中从特定索引迭代数组到另一个特定索引。
例如，我有一个包含100个对象的数组，我想要创建一个30个对象的视图，从第30个索引到第60个索引。
我们可以用、v-show或v-如果使用conditions.but来隐藏剩余的索引对象，我不想这样做。
还有其他建议吗？
浏览 2提问于2018-06-25得票数 0
2回答
我们使用Vue.js实现弹出函数。Vue App中的"Click“按钮将正确启动弹出窗口，但是当我从外部调用时，弹出窗口外部的vueApp.methods.openModal() /调用将不会出现，尽管函数调用本身是可能的。为什么会这样呢？此外，在像这样从外部调用方法时，如何使v-show正常工作？
xxx.html
<div id="app">
<button v-on:click="openModal">Click</button>
<div id="dbg_overlay" v-sh
浏览 4提问于2022-01-03得票数 1
回答已采纳
我有一个小的Vue.js组件，它显示一个最喜欢的星星图标。单击图标收藏夹/取消收藏夹元素。到目前为止，我只实现了UI部分，如下所示：
<template>
<div :key="favorite">
<a v-on:click="toggleFavorite" style="cursor: pointer">
<i v-show="favorite" class="text-warning fas fa-star"></i>
浏览 0提问于2018-02-22得票数 6
回答已采纳
1回答
<template>
<div id="app">
<h1 id="title">{{ quiz.title }}</h1>
<div id="ques" v-for="(question, index) in quiz.questions" :key="question.text">
<div v-show="index === questionIndex">
<div id="tFlex&
浏览 16提问于2020-10-10得票数 0
回答已采纳
正在尝试查找与此Vue.js语句等效的React：
<div v-show="showSiteMenuArea">the menu</div>
在React中，我偶然发现了这个语法，它工作得很好：
{this.state.showSiteMenuArea && (
<div>the menu</div>
)}
虽然我现在经常使用这种模式来有条件地显示标记块，但我不能说我在逻辑上理解它。这似乎意味着，
if <expression1> and <expression2> then di
浏览 2提问于2020-10-27得票数 0
1回答
谢谢@zero298，dup并不在重要的方面适用。我想显示对象数组中的所有项，只是根据用户信号有条件地向每个条目添加一些UI。此外，v-if和v-show是非常不同的(正如这里和其他地方所指出的)。这个网站上的vue q/a似乎很轻--因为它是新的--似乎在这样一个新的话题上积极地关闭似乎是一个错误。
我可以用这种方式表演..。
(注.请在“展开片段”模式下运行代码段，以查看控制台内容上的行为。不确定如何在控制台中抑制vue消息)
const app = new Vue({
el: '#app',
data: {
show: false
},
met
浏览 0提问于2019-02-27得票数 1
回答已采纳
<ckeditor
:editor="editor"
:config="editorConfig"
class="form-control form-urcv"
rows="6"
name="career summary"
v-validate="'required'"
:class
浏览 13提问于2019-02-19得票数 0
1回答
我知道在Vue.js中进行动画的典型方法，在transition="my-animation"元素上添加transition="my-animation"。
我想知道是否可以显式调用动画表单代码，而不只是依赖于v-show / v-if。
每次单击另一个组件(B)时，我都想“摇晃”一个组件(A)。为此，我使用pulse转换(来自animated.css)。
就目前而言，每次单击B时，B都会发送一条消息。
A接收消息并将其属性animate设置为true。然后，在HTML中，由于：
<div id="A" class="animate
浏览 4提问于2016-05-26得票数 5
回答已采纳
我目前在同一行上有两个输入字段要用vee验证验证(我使用的是Vue.js)。
验证消息显示在input-group的末尾，而不是在其中。
以下是html代码：
<div class="form-group row d-flex justify-content-center">
<div class="input-group input-group-lg col-md-3" >
<input v-validate="'required'" name="userna
浏览 0提问于2018-02-09得票数 0
回答已采纳
我试图在vue.js中处理一个事件，但我认为函数mm超出了范围。我得到的错误是Vue warn: v-on:mouseover="mm“需要一个函数值，但没有定义。
这是我的代码
var menuHover=new Vue({
e1:'#t',
data:{
active:true
},
methods: {
mm: function()
{
浏览 1提问于2016-06-01得票数 0
2回答
在Laravel的模板文件中，您偶尔会看到这样的情况
<span class="help-block" v-show="form.errors.has('name')">
@{{ form.errors.get('name') }}
</span>
也就是说，根据表单当前的错误有条件地切换可见/不可见的跨度。
我明白这部分
{{ form.errors.get('name') }}
它是一个Vue.js模板，将显示form.errors.get('name')返回的字
浏览 13提问于2017-06-25得票数 2
回答已采纳
我有一个使用Vue.js 2.4 + TypeScript + RequireJS堆栈的项目，需要升级到最新的Vue.js。升级到Vue.js会破坏它，在对每个文档进行更改之后，我无法修复它。
index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Vue.js Scratchpad</title>
<link rel="icon" type="image/png" href="favicon.png&#
浏览 2提问于2020-01-29得票数 2
回答已采纳
我正在考虑做一个测验，用户将看到一个带有简单是/否问题和一些多项选择题的“卡片”界面。当回答一个问题时，下一个问题会改变以适合前面的答案。
示例流程：
你想在外面吃还是在家里吃？我想在外面吃饭。你想去韩国餐厅吃饭吗？是。
我的问题是，我想在没有多个路由的情况下在前端运行。目前，我使用的是Vue.js和Vue-Router。这就是我这么做的目的(不要介意命名约定，只是暂时的)：
<template>
<div>
<div v-show="isQuestion(0)">
<p id="question_1&
浏览 8提问于2016-08-03得票数 0
下面是我的完整代码，在这里我试图隐藏默认的“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，正在努力理解如何写这篇文章。我的相关代码如下。
打印错误的脚本：
export default {
name: 'post',
data () {
return {
validationErrors: []
}
},
methods: {
getPost () {
//irrelevant code
.then(({data}) =&g
浏览 4提问于2018-08-02得票数 0
我正在使用semantic-ui和vue.js，下面是一个简单的代码，在其中我正在运行一个vue.js for循环，它获取商家，点击和评分值。代码运行正常，但{{item.rating}}除外。问题是，虽然我得到了我的评分的数字值，但不知何故它没有更新我的"ui星级“(请参阅截图)。看起来它没有将默认值"initialRating“更新为我想要推送的值。不确定如何解决此问题。
<div id="vue-app" class="ui four doubling cards">
<div id="myList"
浏览 2提问于2019-12-09得票数 0
更新:在DOM呈现完成之前，无法直接将焦点应用于文本框。
我想知道为什么focus()函数不能在隐藏元素上工作。
例如(我正在使用Vue.js )：
var vm = new Vue({
el: "#app",
data:{
showtext: false
},
methods: {
showTxt(ev){
this.showtext = true
var vm = this;
// if I uncomment setTimeout, then the textbox can set focus
浏览 2提问于2018-09-07得票数 3
1回答
new Vue({
el: '#mouse',
data: {
showByIndex: null
},
methods: {
}
}) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="mouse">
<div class="parent" v-for="i in 1" @mouseover="
浏览 31提问于2021-09-27得票数 1
回答已采纳
我显然不会用反应的方式做这件事。
我有一个比较对象的集合，如果有多个比较对象，就显示，那么我想在这个集合周围包含一个包装器元素。
例如，在Vue.js中，我会使用v-show或v-if来实现这一点。我该如何做出反应呢？
{/* COMPARISONS */}
{this.getCurrentItem().comparisons!.length > 0 &&
(
<div className="comparisonAreas">
)
}
{
this.getCurrentItem().compa
浏览 3提问于2020-12-11得票数 1
我有一个组件，在这里我试图从根调用一个方法。我尝试过从那里发出消息，但请记住，HTML中没有按钮可以触发this.How，我可以在没有按钮的情况下发出这个方法吗?我将把侦听器放在哪里？我想在一个项目中使用这个概念来更新分数。请提供建议。
Vue.component('item-edit', {
template: '#item-edit',
props: {
item: Object,
},
data() {
return {
inEdit: false,
}
},
methods:{
tog
浏览 0提问于2018-11-25得票数 0
回答已采纳
我想稍微扩展，让一个元素在一个div中淡出，同时在另一个div上衰落：
new Vue({
el: '#demo',
data: {
show: true
}
})
.fade-enter-active,
.fade-leave-active {
transition: opacity 2s
}
.fade-enter,
.fade-leave-to {
opacity: 0
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/vue.js">
浏览 5提问于2017-06-04得票数 0
回答已采纳
2回答
我试图在我的vue组件上重新创建内联编辑功能。但是，我可能错了，我看到一些语法已经过时了，尤其是正在使用的v-el指令。我试图像这样更新语法：
new Vue({
el: '#app',
data: {
numbers: [{
val: 'one',
edit: false
},
{
val: 'two',
edit: false
},
{
val: 'three',
浏览 1提问于2018-03-01得票数 9
回答已采纳
我在学vue。js，我正在尝试使用vue.js制作简单的表单，但是在创建表单时我得到了上述错误。我试过了，但没能解决问题。请帮帮我。
<div id="app">
<form name="form" @submit.prevent="handleLogin">
<input
v-model="fiscal_year"
v-validate="'required'&
浏览 4提问于2020-03-06得票数 0
回答已采纳
我试图用一个圆圈创建一个转换，它将扩展到容器的宽度和高度的100%，但在转换之后，我似乎无法使DOM保持可见。
我正在学习vue.js，所以我不确定这是有意还是无意，在扩展到scale(100)时，是否有一种方法可以使圆圈可见？是否有更好的方法来实现这一点？
html：
<div id="app">
<div v-show="show" :transition="zoomCircle" class="circle"></div>
<button @click="show =
浏览 0提问于2016-07-19得票数 2
回答已采纳
伙计们。我正在读Vue.js 2陛下的书，我对书中的一个例子感到困惑。
我的问题是-为什么upvote按钮可以修改Vue实例的数据，Vue实例显示在预标记中，而喜爱的按钮却不能？
据说，“宠儿”是通过v-bind指令绑定的，这是数据绑定的一种方式，这意味着子节点无法与父级同步数据。但是故事是怎么更新的呢？双向数据绑定就像v-模型？
下面是代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
浏览 3提问于2017-09-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
