使用CSS和Vue隐藏Div的问题

文章/答案/技术大牛

发布

1回答

css、vue.js

我试图用css隐藏一个Div，但是当我尝试这样做的时候，它对我不起作用。到目前为止，这就是我正在尝试的我的代码VUE <div class="scroll-wrapper scrollbar-outer" style="position: relative;"> <divid="menu-mobile-cats" class="scrollb

浏览 9提问于2021-04-20得票数 0

回答已采纳

1回答

重新加载页面正在vue组件中的插槽上闪烁内容。

vue.js、vue-component、vuejs2

有什么方法可以避免页面刷新时的闪烁，它是一个以modal作为slot的slot组件，但是当我刷新页面时它会闪烁。我的应用程序没有使用路由器，所以它不是完全的SPA。 * transition="modal" when their visibility is toggled </div&g

浏览 6提问于2017-01-11得票数 12

回答已采纳

1回答

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

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

下面是我的完整代码，在这里我试图隐藏默认的“v-显示”。默认情况下，它应该处于隐藏状态，当用户单击按钮时，它应该显示。我使用了"display:none“css属性来隐藏div默认值，但它不起作用。我们怎样才能解决这个问题？<script src="https://unpkg.com/vue@2.5.3/dist/vue.j

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

回答已采纳

1回答

在输入后显示结果的div时，会出现一些路由，我想单击它们并转到另一个页面。此外，如果我在输入搜索之外单击，则关闭结果的div。我在it's blur上将visible更改为false。因此，当我点击路由器链接不能转到新的页面。click之后如何强制触发blur？或者触发器不在结果的div上？://unpkg.com/bootstrap@4.5.3/dist/css/bootstrap

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

1回答

如何防止Vue.js隐藏元素弹出页面加载？

vue.js

我是Vue.js新手，我有一个(块)元素，最初应该隐藏在页面加载中。我来自一个与JQuery背景混合的纯JS，所以通常我会在元素上设置display:none，使用JQuery的显示/隐藏方法等等。我使用Vue正确地显示和隐藏了元素，但副作用是在页面加载时，元素在屏幕上短暂闪烁，直到Vue设置完成，并且它知道如何隐藏元素。设置display:none会中断显示/

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

回答已采纳

3回答

是否有可能以编程方式隐藏Vuetify数据表项？

javascript、vue.js、vuetify.js

我读过关于隐藏列的线程，但是没有数据表项。

浏览 8提问于2022-05-30得票数 0

回答已采纳

2回答

Vue + Asp.net呈现问题

asp.net-mvc、vue.js

我有一个新的asp.net mvc项目(不是.net核心)，我正在尝试将Vue js整合到这个项目中。我在一个使用Webpack+Vue+Asp.Net Mvc的示例项目中使用了所有东西，这是本文之后创建的。该应用程序工作很好，除了Vue呈现之前的瞬间。在将Vue模板代码呈现为html之前，有明显的闪烁/弹出。下面是一个gif刷新页面，用户能够在Vue将其呈现为html

浏览 1提问于2019-08-14得票数 2

回答已采纳

2回答

Vue.js [v-斗篷]不使用CSS转换。

javascript、html、css、vue.js

我的意图：：当v斗篷被从我的“应用程序”中移除时，没有我所期望的转换。它很快就会从隐藏变为可见。似乎忽略了CSS。示例：我用Vue.js和JavaScrip

浏览 1提问于2018-06-14得票数 8

回答已采纳

1回答

显示用户刷新页面时应由v-if标记隐藏的内容的Vue.js

vue.js

我有一个在created()方法中加载内容的Vue.js应用程序。我使用v-if标记来隐藏我所有的UI，直到内容加载完毕并准备就绪。它在初始加载时运行良好，但如果用户在Chrome中点击刷新，则应用程序会显示(瞬间闪烁)否则不会显示的内容(基于在创建时加载的数据)。根据我对使用v-if标记的理解，在我准备显示内容之前，使用vuex存储中的一个标志来指示加载完成是隐藏内容的正确方法。

浏览 20提问于2019-09-24得票数 3

回答已采纳

1回答

如何在vue-cli3生成的应用程序中使用vue-侧栏菜单？

vue.js、vue-component

我需要在vue-cli3生成的应用程序中使用侧栏，这里是我的package.json的一部分。'bootstrap/dist/css/bootstrap.css'import 'vue-sidebar-men

浏览 1提问于2019-07-11得票数 2

3回答

在clickaway VueJS上隐藏下拉菜单

vuejs2

我正在使用vue-clickaway mixin，但是我不知道如何在它打开时才将其隐藏。非常感谢！

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

12回答

如何在页面加载时隐藏VueJS语法？

javascript、vue.js

也许这是个微不足道的问题。我知道我们可以在整个页面加载之前显示加载图像，但是有什么最好的解决方案来解决这个问题吗？

浏览 16提问于2016-03-23得票数 191

回答已采纳

1回答

DOM中divs的响应重组

javascript、vue.js、tailwind-css

我的项目使用Tailwind + Vue 2，我使用Vue迭代一个列表并显示多个行。每一行都开始折叠，并有要展开的选项。每个折叠行中有3个可见的和1个隐藏的div元素。当展开时，隐藏的div是可见的。我希望从每一行中获取两个可见的div元素，并在移动时将它们移动到隐藏<em

浏览 3提问于2022-04-29得票数 2

回答已采纳

1回答

在vuejs2中隐藏html元素

vuejs2

我希望在初始加载过程中隐藏html元素，通过单击按钮或链接，我将显示这些html元素。我找不到在vuejs2版本中隐藏或显示元素的解决方案。我能在vuejs中看到几个选项，但我不知道如何使用这些方法。下面是我的组件代码，因为我想隐藏html元素(Id) "Message“。> <div class="row"> <div</

浏览 4提问于2017-07-25得票数 2

回答已采纳

1回答

类更改属性的转换

vue.js、css-animations、css-transforms、tailwind-css

我目前有一个vue组件，用于选择要订购的饮料。您可以增加或减少每种类型的饮料数量。有两个按钮(增量和递减)，当该类型的订购饮料数量等于0时，需要隐藏递减按钮。这可以很容易地通过使用:class="drink.amount > 0 ? 'visible':'invisible'"使用设置visibility:hidden css属性的顺风类来实现。<e

浏览 1提问于2018-06-29得票数 2

1回答

如果容器最初被隐藏，如何在Vue2Leaflet中调整地图大小

vuejs2、bootstrap-4、leaflet、resize、maps

如果一开始是隐藏的，然后又显示了(例如，如果被引导程序折叠元素隐藏)，我如何从Vue2Leaflet中重新加载一个叶地图？b-button v-b-toggle="collapse" variant="primary">Show map</b-button> <div<LTileLayer url="http:&

浏览 34提问于2019-05-13得票数 1

回答已采纳

1回答

触发Vue函数更改某些组件字段时出现的问题

javascript、html、vue.js

好的，所以，请注意，这是一个非常新的问题，因为我只是刚刚开始使用Vue.js。<html> <link rel="styles

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

3回答

如何在Vue中隐藏单击后的按钮？

javascript、vue.js、button

代码： <v-icon>star</v-icon> Add在Vue中有解决方案吗?

浏览 2提问于2018-07-02得票数 2

1回答

如何延迟页面的呈现，直到vue变量被刷新？

javascript、vue.js

我使用显示一些绑定变量。我页面的骨架是<script src="myscript.js"></script>打开页面时，页面显示{{hello}}<e

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

回答已采纳

1回答

vuejs bootstrap card组件动画

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

我有一个用户数组和在循环中显示每个用户在卡组件，我想当点击卡片时，扩展与动画显示用户详细信息和隐藏其他卡的全宽，我的问题是动画，如何顺利隐藏其他卡，我如何顺利地隐藏其他卡，并扩大到整行(col-12)。Vue.component('card', { template:` <div class="col-

浏览 0提问于2018-01-22得票数 0

点击加载更多