v-card组件Vuetify未显示的背景图像

文章/答案/技术大牛

发布

1回答

javascript、html、vue.js、vue-component、vuetify.js

您好，我正在尝试使用img prop将背景图像添加到v-card组件中，如下所示： <v-card img="../assets/gradient.svg"> </card> 在Vue上加载图像时，我经常遇到问题，只使用上面的相对路径，甚至使用("~“或"@")强制它作为模块请求。

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

1回答

仅将Vuetify数据表组件添加到现有Vuejs项目

vue.js、vuetify.js

我需要添加Vuetify Data Table到我现有的Vuejs项目。因此，当我们添加vue add vuetify时，它是全局安装的。请帮帮我怎么做？谢谢

浏览 8提问于2021-05-07得票数 1

2回答

在v-对话框中引用子组件

vue.js、vuetify.js

我有一个问题，以获得组件的参考，在组件v-对话框中的vuetify。 <v-dialog ref="mydialog"> </v-card> </v-dialog$refs.mycar

浏览 1提问于2020-01-10得票数 3

回答已采纳

1回答

如何制作带有图像展开的v卡以显示单击时的图像描述？

vue.js、vuejs2、vue-component、vuetify.js

如何制作带有图像展开的v卡(Vuetify)以显示单击时的图像描述？示例： <v-img src = "URL" @click ="do something"> </v-img> ImageDescription shown when clicked

浏览 2提问于2019-01-16得票数 0

回答已采纳

2回答

Vuetify:卡片内滚动列表

vue.js、vuetify.js

如何设置正确的vuetify卡内容大小才能滚动？不幸的是，vuetify文档只显示了最简单的情况，没有真实的数据。下面是卡片内部的列表和页脚： https://jsfiddle.net/Feofilakt/0Lnzteqm/ Vue.use(Vuetify); el:@1.5.16/dist/vuetify</

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

回答已采纳

2回答

如何根据从子组件中单击的a按钮在父组件中触发模式？

javascript、vue.js、vuejs2、vue-component、vuetify.js

我有：<template> <v-card> <v-card-subtit

浏览 6提问于2022-06-22得票数 0

1回答

组件挂载，但在生产环境中未呈现模板标记(但在开发中呈现)：Nuxtjs Vuetifyjs

vuejs2、vue-component、vuetify.js、nuxt.js、rollupjs

我做了以下工作：做了一个新的

浏览 0提问于2019-11-29得票数 3

回答已采纳

1回答

香精:点击v卡后改变背景色。

css、sass、vuetify.js

这是我的jsbin链接，<v-card @click="myClick()"></v-card> 我已经使用@click事件来给点击带来连锁反应。在我点击卡的背景变成灰色，但我

浏览 4提问于2022-03-18得票数 1

回答已采纳

1回答

如何将图像水平对齐？(Vuetify.js)

html、css、vue.js、templates、vuetify.js

它看起来像什么，我想要什么： <v-row> <v-card max-width="280" tile elevation="0" outlined>{{ text }}</v-card>my-10" height="

浏览 2提问于2021-07-01得票数 0

回答已采纳

1回答

寻找漂浮在浮标中的图像样本

image、css-float、vuetify.js

在我的Laravel5.6/“vue”：“^2.5.7/”vuetify“：”^1.0.8“应用程序中，我搜索了一个在右边浮动的图像示例和文本，并使用卡片实现。</p>它看起来就像文本在图像：上浮动谢谢!

浏览 0提问于2018-09-04得票数 10

回答已采纳

3回答

我想让v卡变得透明，但它不能正常工作

javascript、css、vue.js、vuetify.js

我希望v卡是透明的，但里面的东西不应该是透明的。我怎样才能使用CSS呢？card.vue <v-card-text> </v-card-text> <v-btn color="primary" @click="foo">Button<&

浏览 21提问于2019-08-16得票数 1

回答已采纳

1回答

如何使用"v-owl-carousel“与nuxt和vuetify？

vue.js、nuxt.js、vuetify.js、carousel

我正在开发一个Nuxt应用程序，并使用"Vuetify“作为我的前端框架。在我的一个页面中，我决定使用制作一个旋转木马。<img :src="require(`~/assets/imgs/books/07.webp`)"> <:src="require(`~/assets

浏览 3提问于2021-08-22得票数 1

1回答

未知的自定义元素：<v-日历>

vue.js、vue-component、vuetify.js

当我尝试使用Vuetify的日历功能时，我得到了一个错误。我可以编译所有的东西，但这是我尝试渲染时得到的:未知的自定义元素v-日历-你是否正确地注册了组件？<template> <v-calendar value="2019

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

8回答

Vue，Vuetify没有正确初始化。

javascript、vue.js、vuetify.js

我已经在我的Vuetify webpack应用程序上安装了Vue。我的项目是使用运行vue init webpack my-project的Vue 2.5.2和使用Vuetify 2.0.2设置的。我已经在我的Vuetify中安装了App.jsimport '..我能够在我的组件中调用Vuetify组件。&

浏览 0提问于2019-07-31得票数 21

回答已采纳

1回答

如何在不破坏任何东西的情况下向材料组件添加自定义样式

css、vue.js、material-design、vuetify.js

我在中使用vuejs，这是对vuejs的材料设计支持，但对于如何在不打破材料设计本身的惯例的情况下向材料设计添加定制的css样式，我感到困惑。

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

回答已采纳

1回答

如何在Vuetify中打开对话框中的html页面？- VueJS

vue.js、modal-dialog、vuetify.js

我尝试在vuetify中打开一个不同的页面，使用window.open (http://url)，并在一个操作之后返回到主窗口，用一些数据更新它。但是，我需要在模式中打开页面。0.3.0", "vue-router": "^2.5.3", "vuetify</e

浏览 6提问于2018-02-06得票数 4

1回答

什么是正确的方法，以进口验证组件单独？

javascript、vue.js、vuejs2、vuetify.js、vue-cli

我对Vuetify很陌生，很难知道如何只导入组件才能使用它。正如他们所说的那样，出口的途径在哪里？vuetify,我使用这样的标签和元素。为此，我如何从Vuetify调用组件？<v-card>

浏览 3提问于2021-01-12得票数 1

回答已采纳

1回答

如何根据v-text字段的有效状态改变其附加图标

vuetify.js

我刚开始流行，我想知道v-text字段的附加图标支柱是否可以基于字段的有效状态来动态。我需要两个选择：选项1:如果有错误，它可以是红色警报图标。如果其有效，则可以更改为绿色复选标记。选项2:只有在出现错误时才显示错误图标，否则就隐藏它。

浏览 3提问于2022-09-04得票数 1

回答已采纳

1回答

使用Vuetify* 2的父v数据表中可扩展子组件的问题*

vuetify.js

我从1.5升级到Vuetify 2。一切都进行得很顺利，除了一件事。我有一个带有v数据表的父组件，我希望传递数据，并使用子组件展开每一行。ScanGrid(父组件)： <v-container> <v-card-text> </v-container> <

浏览 1提问于2019-10-23得票数 1

回答已采纳

3回答

Vuetify:具有五列的网格布局

vuetify.js

Vuetify使用12点网格系统。由于12不能被5整除，如何创建具有相同宽度的5列的网格？这5列应该占据所有可用空间。<v-container> <v-layout wrap align-content-space-around="px-0"&g

浏览 36提问于2018-08-17得票数 4

回答已采纳

点击加载更多