腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
Vue -将内联css样式传递给子组件
javascript
、
vue.js
、
vuetify.js
我使用的是vue.js + vuetify,我必须在画布组件上放置一个按钮(这里由Konva库处理)。 我通过使用按钮的绝对位置来实现它。为了清理东西,我想把这个按钮放在一个专用的组件中。 我想将定位css内联地传递给这个新的子组件,但是我想不出如何使它工作。 我尝试了以下两种方法 通过一个:style="xxx“绑定传递它,就像我在使用v时所做的那样--定位到父div :使用宽度为0的div != 0工作,但看起来像是一个假体。在本例中,z-index不应用于按钮。i可以通过专用的道具传递属性,但vuetify似乎不需要它。 这里基本上是我的代码: <template>
浏览 5
提问于2021-08-30
得票数 2
回答已采纳
5
回答
在全球范围内禁用对虚拟部件的波纹效应
vue.js
、
vuejs2
、
vuetify.js
我在我的应用程序中使用vuetify。设计团队创建一个平面设计,我希望将vuetify的主题更改为与模型匹配。 我试图找到一个选项,可以很容易地在整个应用程序中禁用涟漪效应,但它并不存在。 我尝试创建一个组件扩展,以避免在我使用的每个组件上重复:ripple="false"。 我将以一个按钮组件为例。 <v-btn :ripple="false">My Button</v-btn> 我的应用程序中的每个按钮都需要有ripple=false,我的目标是创建这样一个组件 <my-button>My Button</my-bu
浏览 1
提问于2019-07-25
得票数 12
回答已采纳
2
回答
如何在Vuetify中覆盖v-btn活动类?
vue.js
、
vuetify.js
、
vue-router
、
v-btn
我正在开发一个网站使用Vue.js 2.6.10n与Vuetify 2.1.0和vue路由器3.1.3。 我有一个v-app-bar与v-btns链接到我的不同的伪页面,并希望有一个自定义类时,按钮是活动的,即它链接到当前显示的页面。使用v-btn的active-class,我可以在Vuetify默认值的“顶部”添加样式,但不能完全覆盖它。 怎样才能完全摆脱默认的active-class? 我的目标是只在btn文本处于活动状态时将其加下划线,并摆脱默认的“按钮按下”样式。 下面是我的代码示例: <template> <v-btn to="/"
浏览 2
提问于2019-12-26
得票数 3
2
回答
Vuetify:颜色不显示
vuetify.js
我试图将Vuetify集成到我现有的Vue项目中,但颜色显示不正确。我正在遵循 -> existing applications的指南。 css文件似乎以某种方式正确加载,因为按钮似乎是用阴影突出显示的,并且有一些单击效果。但是,颜色和文本显示不正确: 我的main.js import Vue from "vue"; import App from "./App"; import Vuetify from "vuetify"; import router from "./router"; import ".
浏览 4
提问于2018-04-24
得票数 43
回答已采纳
1
回答
如何通过点击按钮改变背景颜色?
vue.js
、
vuetify.js
在这里,我使用vuetify创建了包含不同颜色按钮的弹出对话框中的按钮,并且我希望使用按钮来更改导航和菜单栏的背景色,但是由于我对vue和vuetify的了解有限,我无法更改我的背景色。有人能帮我吗? 我的密码在这里: <template> <v-row justify="center"> <v-dialog v-model="dialog" persistent max-width="600px" class="pa-md-4 mx-lg-auto"> <t
浏览 3
提问于2020-05-08
得票数 0
回答已采纳
1
回答
如何创建veutify超集来扩展基本功能
javascript
、
vue.js
、
frameworks
、
vuetify.js
我正在尝试使用veutify创建一个基于插件的组件库,以提供跨多个产品线的一致性。然而,安装库并添加组件,我得到了一些关于黑暗主题的错误。 组件库和目标产品线都通过vue cli安装了veutfy。 <template> <div class="module-wrap"> <v-card v-bind="$attrs" v-on="$listeners" :class="`dashboard-module units`"> <v-toolb
浏览 1
提问于2019-06-09
得票数 1
4
回答
不使用国家预防机制或webpack时,不适用武侠小说主题
vue.js
、
vuejs2
、
vuetify.js
我尝试构建一个Vue和Vuetify解决方案(也使用httpVueLoader)来获得Vue的解决方案,但是不需要使用npm或任何类似的东西(只是老式的javascript文件)。我使用简单的登录表单布局来测试设置它们的颜色,但是失败了。 Login.html文件: <!DOCTYPE html> <html> <head> <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="style
浏览 2
提问于2018-06-25
得票数 2
回答已采纳
1
回答
如何在CDN模式下改变Vuetify 2.x中的主题灯(默认)?
vuejs2
、
vuetify.js
还有另一个类似的话题,但我认为答案没有更新,如果你看到那个链接中的代码不再起作用,我试图改变主题而不必总是在每个组件上添加颜色分配,我只想定义主题颜色并继续对设计进行编码,我尝试改变创建的方法--主题颜色--但不起作用。 我只使用cdns,不使用vue-cli,也不像其他主题那样使用Vue.use,我认为另一个主题已经解决了,但是在vuetify 2.x中,这个答案并不适合。谢谢。 //JAVASCRIPT var vuetify = new Vuetify ({ theme: { primary: '#9e9e9e', secondary:
浏览 3
提问于2019-09-19
得票数 0
2
回答
Vuetify:向v-btn添加自定义悬停样式
javascript
、
vue.js
、
vuetify.js
我是Vuetify的初学者。我想在我的网站上创建一个按钮,如下所示: <v-btn class="v-btn white--text mx-1 px-6" elevation="2" x-small rounded color="#BB86FC">text</v-btn> 我还将<v-hover>标签添加到我的代码中: <v-hover> <v-btn class="white--text mx-1 px-6" elevation="2" x-small
浏览 49
提问于2021-04-11
得票数 2
回答已采纳
1
回答
如何对子组件使用v-slot:activator和v-on?
vuejs2
、
vuetify.js
我的Vue.js项目有一些问题。 父组件: <v-menu> <template v-slot:activator="{ on }"> <more-actions :ref="'moreActions' v-on="on" /> </template> <v-list> <v-list-item @click="handleClick()">
浏览 25
提问于2019-12-19
得票数 0
2
回答
用laravel修改vuetify主题
laravel
、
vue.js
我很难更新我的主题的颜色。我尝试过这种方法,但它并没有更新我的按钮颜色。 App.js require('./bootstrap'); window.Vue = require('vue'); import Vue from 'vue'; import Vuetify from 'vuetify'; import 'vuetify/dist/vuetify.min.css' Vue.use(Vuetify, { theme: { primary: '#ff0000', s
浏览 1
提问于2019-12-17
得票数 0
2
回答
更改v-数据表标题的颜色
vue.js
、
vuejs2
、
vuetify.js
我想改变我的v数据表中标题的颜色,但是在Vuetify文档中没有找到任何方法。有人知道怎么做吗?我可以改变桌子上的其他颜色,但不能改变标题. <v-card-text> <v-data-table dark :footer-props="{ 'items-per-page-options': [10, 25, -1] }" dense calculate-widths fixed-header height="498" :headers=
浏览 27
提问于2022-09-13
得票数 0
回答已采纳
1
回答
使用Jest测试NUXT.js和Vue.js应用程序。正在获取“[vuex]模块命名空间在mapState()中找不到”和“[vuex]未知的操作类型”
javascript
、
vue.js
、
jestjs
、
vuex
、
nuxt.js
尽管据我所知,NUXT会自动执行名称空间。因此,我无法在我的任何测试模块中测试或引用该存储。有人能给我点建议吗?也许我可以在Nuxt应用程序中编辑命名空间属性? 下面是组件、存储和测试的代码。 ButtonComponent.vue: <template> <v-container> <v-btn @buttonClick v-model="value"></v-btn> </v-container> </template> <script> import { mapState
浏览 34
提问于2020-02-06
得票数 2
回答已采纳
1
回答
使用图标更改默认按钮,并在切换时更改颜色
vue.js
、
vuetify.js
我对Vuetify和Vue.js还很陌生,我正在尝试使用两个不同的路径进行api调用。这是有效的,然而,我需要一种方式,设置默认的按钮为某一种颜色,并像一个复选标记。然后,在单击另一个按钮时设置相同的按钮。 当页面中,我试图将新病人设置为特定的颜色和一个检查图标。然后当召回病人被选中时,用同样的图标切换相同的颜色。 这是我的代码: <v-row justify="space-around"> <v-btn @click="fortyFive"
浏览 1
提问于2020-10-04
得票数 2
回答已采纳
1
回答
VueJS & Vuetify如何在Sass中使用变量
vue.js
、
sass
、
vuetify.js
使用VueJS,我需要为每个用户显示不同的颜色。颜色取决于用户设置。 在我的vuetify.js中,我有: export default new Vuetify({ theme: { themes: { light: { primary: user.colorMain ? user.colorMain : '#F39200', 当我使用: $vuetify.theme.themes.light.primary 在我的部件里。 但是,我也需要在我的variable.scss文件中覆盖Sass变量: $primary-color: #f392
浏览 4
提问于2022-04-12
得票数 1
2
回答
如何从一开始就在应用程序中添加vuetify?
javascript
、
vue.js
、
components
、
vuetify.js
我在vue中做了一个全新的应用程序,我想在这个应用中添加vuetify作为一个框架。通过运行npm install vuetify --save命令,它将添加到应用程序中,但是当我想使用它时,在运行应用程序时没有显示css按钮的颜色。 App.vue和main.js文件是:- 附录:- <template> <div id="app"> <v-btn color="success">Success</v-btn> <v-btn color="error">Error&
浏览 1
提问于2018-08-11
得票数 1
回答已采纳
2
回答
使Vuetify对话框全屏,内有可滚动的列表,顶部和底部有内容
vue.js
、
vuetify.js
在对话框中,我对Vuetify列表有异议。我的目标是有可用的页眉/页脚,在里面有一个可滚动的列表,所有这些内容的最大高度为600 to,但在较小的屏幕上进行调整。 现在,我有一个问题,它在更大的屏幕高度>600 to时正确工作(我可以滚动列表+看到底部的按钮),但是在较小的屏幕上工作不正确(可以滚动列表,但必须在末尾滚动才能看到按钮)。 有人知道我忘了补充什么吗? <!-- MovementsInput component --> <template> <v-form ref="form" v-model="valid
浏览 1
提问于2019-07-18
得票数 0
回答已采纳
2
回答
如何避免代码的重复使用?
vue.js
、
vue-component
、
vuetify.js
在这里,我正在设计一个带有vuetify的项目,目前我正在开发vuetify主题颜色,通过它我可以更改导航抽屉、菜单栏和页面的背景色,但是这样做我发现我正在一次又一次地重复代码,这增加了我的代码length.So,现在我试图使我的代码更短。下面您可以看到,我正在重复代码: 颜色:{文本:“蓝色”,值:"#2196F3“},{文本:”紫色“,值:”#9C27B0 },{文本:“灰色”,值:“#9E9E9E },{文本:”粉红色“,值:"#E91E63”},{文本:“橙色”,值:#FF9800 },{文本:"teal",值:"#009688“},{文本:
浏览 3
提问于2020-05-15
得票数 0
2
回答
TypeError: Vue.observable不是一个函数
vue.js
、
vuetify.js
我有一个问题,安装在我的Visual的2019年项目中的vuetify。我正在使用vuetify 2.3.4与vuetify加载器1.6。Vuetify看起来很有效,因为我可以看到在我的v标签上呈现的样式。然而,控制台仍然显示以下错误:"TypeError: Vue.observable不是一个函数“。我尝试了几次谷歌搜索,但没有发现其他任何人已经发布了他的问题。任何想法都将不胜感激。 以下是一些相关代码: Main.js: import Vue from 'vue'; import App from './App.vue'; import router
浏览 2
提问于2020-07-17
得票数 1
回答已采纳
4
回答
V菜单中的Vuetify问题
vue.js
、
vuetify.js
香精1.1.8 / Vue 2.5.16 我不明白为什么我会有两种不同的行为: 1-在Codepen.io中进行测试 html <div id="app"> <v-app id="inspire"> <div class="text-xs-center"> <v-menu offset-y> <v-btn slot="activator" co
浏览 0
提问于2018-07-30
得票数 16
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS复习之全部
CSS 基础篇(1)
php学习之css常用的属性相关知识
简单三步,用WPS轻松完成一个又大气又好看的流程图!
python编程:从入门到实践学习笔记-基于Django框架的Web开发-设计样式和部署(一)
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券