Vue元素不会隐藏在v-show中

是因为v-show指令是通过修改元素的display属性来控制元素的显示和隐藏。当v-show的值为false时，Vue会将元素的display属性设置为none，从而隐藏元素。当v-show的值为true时，Vue会将元素的display属性设置为原来的值，从而显示元素。

v-show的优势是可以在元素的显示和隐藏之间进行切换，而不会重新渲染整个组件。这样可以提高页面的性能和响应速度。

v-show适用于需要频繁切换显示和隐藏的元素，比如菜单、弹窗等。

腾讯云提供了一系列与Vue相关的产品和服务，其中包括云服务器、云数据库、云存储等。您可以通过以下链接了解更多信息：

腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos

请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。

VUE JS -默认情况下如何隐藏div？如果用户单击按钮，则应该使用vue显示。

css、vue.js、vuejs2、vue-component、display

浏览 1提问于2021-07-20得票数 0

回答已采纳

1回答

Vue元素不会隐藏在v-show中

javascript、html、vue.js

我假设v-show将根据其传递的数据显示/隐藏元素。由于某些原因，当v-show为false时，我的元素不会动态隐藏。我希望我的导航栏隐藏在向下滚动，但这是不可能的。滚动行为运行正常。两者都正确地将我的v-show变量(showNav)更改为true或false，但元素始终保持可见。HTML模板 <template> &l

浏览 120提问于2021-11-15得票数 2

回答已采纳

3回答

2秒后自动隐藏Vue.js中的元素

javascript、html、vue.js

在2秒的页面加载后，我想隐藏下面的loader-wrapper div。<div class="loader"><div class="loader-inner"></div></div>有人能帮我实现这个目标吗？

浏览 6提问于2022-03-02得票数 0

2回答

我现在正在学习一些vue.js，我想知道如果我想实现以下内容，我应该走哪条路：问题是，在HTML中，我可以编写<span></span>并使用style="display: none"添加一个<textarea></textarea>，所以在编辑按钮单击后，在vue.js的帮助下，我可以隐藏span并显示textarea，这样我就不用使用jQuery的replaceWith方法了，而且我还可以在那里保存一些代码

浏览 3提问于2017-04-19得票数 3

回答已采纳

1回答

Vuejs DOM没有更新

javascript、dom、vue.js

当我取消选定对象的设置时，它不会更新DOM。 el: '#vue-instance', selected: { price: 0/2.2.1/vue

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

回答已采纳

4回答

Vue js-当值达到0时隐藏减号按钮，并在

javascript、vue.js、button、vuejs2、click

这个想法是，当单击减号按钮到0时，我需要隐藏减号按钮，然后取消隐藏加号按钮以再次添加值。我在这里尝试的是，我成功地做了负数和正函数。任何人都可以帮我，我还是新手。 <div class="message"># {{ count }}<br> <button v-on:click.prevent="increment">+</button> <button v-on:click.pre

浏览 7提问于2021-10-22得票数 2

回答已采纳

1回答

在VueJs中加载视频(超过最大调用堆栈大小)时显示视频

javascript、vue.js、vuejs2

v-for="(l, index) in locations" :key="index" :location="l">在这个组件中，hideImage" <div class="card__trailer_loading" <e

浏览 1提问于2018-12-31得票数 1

回答已采纳

2回答

如何使用v动态创建模型切换元素？

javascript、vue.js、vuejs2

我想切换表中输入元素的可见性(Buefy表)。这个切换必须在一个复选框的点击完成。模型数据是在API调用之后动态生成的，然后分配值(默认为false)。

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

回答已采纳

3回答

用Vue.js切换特定元素的显示/隐藏(cdn)

javascript、html、vue.js

我使用Vue.js (cdn)和axios从heroku和mlab获得信息。我希望能够在多个元素列表中的单个元素上切换显示/隐藏。visible">{{ drinks.brand }}</button>

浏览 0提问于2018-12-27得票数 10

回答已采纳

1回答

v-show:检查模型值是否等于元素的名称

javascript、html、vue.js、model、conditional-statements

我现在对Vue.js有点纠结。我有一个带有多个选项的select input元素。每个选项的值都等于另一个输入元素的名称，我希望一次只显示名称与所选值一致的输入元素。="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

浏览 4提问于2019-08-16得票数 0

回答已采纳

5回答

VueJs条件车把

javascript、vue.js、eslint

我正在尝试使用VueJs的条件渲染，在VueJs2.0中使用handlebars，按照their documentation，但是eslint返回了错误： - avoid using JavaScript

浏览 50提问于2017-08-08得票数 6

回答已采纳

1回答

如何使用组件定义属性？

javascript、vue.js

/components/ChooseMethod.vue'; Vue.component('choose-time问题是，当我尝试一次只做一个v-show时：<template> // ...<location-list v-show="isVisible

浏览 4提问于2017-07-24得票数 1

回答已采纳

2回答

v不像预期的那样工作

javascript、vue.js

当我点击按钮后数组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

浏览 4提问于2018-04-23得票数 2

回答已采纳

1回答

使用vue.js v-show隐藏hubspot表单

javascript、vue.js、vuex、hubspot

我在使用vue的v-show来显示/隐藏两个hubspot表单时遇到了问题，根据当前网站的区域设置/语言(使用vue i18n)，一次显示一个。导航栏负责在不同语言之间进行切换。<div v-show="this.getLangEn" v-onceclass="d-flex align-items-center justify-conte

浏览 28提问于2021-06-15得票数 0

回答已采纳

2回答

防止页面在每次访问时都下载文件

javascript、vue.js

我的Vue.js应用程序中有一个动画，它显示在应用程序的一个页面中。每次我访问该页面时，动画的资源都会从头开始重新下载。当我离开页面时，应用程序会得到destroyed。实现这一点的一种方法是使用v-show而不是v-if，这不会破坏它，但是这给我的用例带来了其他问题，因为这种方式在加载主页面时就会加载动画，这是我现在确实想要的。

浏览 1提问于2020-04-20得票数 0

2回答

单击时的vue渲染组件

vue.js、vue-component、vue-render-function

我有一个名为customer-type的组件。单击renderComponent后如何加载组件 <b-tr :key="date" :id="`row-${getDay(date)}`"> <customer-type :id="`customer-${index}`" @test="setCustomer" v-bind

浏览 31提问于2021-05-18得票数 1

4回答

如何用Vue.js隐藏div

html、vue.js

我希望能够隐藏一个div与Vue，对性能的影响尽可能小，因为这是两个div在网站上，将被这样对待。我该怎么做？单击另一个div：()时显示html <p>click app</p><p>hide m

浏览 0提问于2018-02-02得票数 33

回答已采纳

2回答

Vue.js会阻止classList.remove工作吗？

css、dom、vue.js

我使用的是Vue.js，并且我希望在调用Vue构造函数之前隐藏元素，否则会向用户显示一堆花括号。我有以下几点：<div class="main hide-me" id="my-vue-element">}var myVueElement = document.getElementById("my-vue-element"); if (myVueElem

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

1回答

为什么一旦过渡结束，它的状态就无法维持呢？

vue.js

我想稍微扩展，让一个元素在一个div中淡出，同时在另一个div上衰落：new Vue({ data: { }.fade-enter-active} .fade-leave-to {} <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/

浏览 5提问于2017-06-04得票数 0

回答已采纳

1回答