vuetify.js相关内容
我需要在页面的右下角打开一个特定宽度和高度的 v 对话框,但是,我不明白该怎么做.V-dialog 总是以页面为中心,我在官方文档上搜索,尝试使用 CSS,但无法有什么想法吗? 解决方案 注意:其他提供的解决方案并不令人满意,因为它们混淆了过渡,或者我们不能使用作用域样式,或者它们建议使用 !important 等 解决方案 将任意 content-class 类添加到您的对话
..
我正在尝试更改用户在 v-text-field 上输入的标签和文本的颜色.我试过对它应用 color 道具,但它只会改变底部分隔线的颜色.我该怎么做才能如我所愿? 这是我的实际代码:
..
当我执行命令 npm run serve 时出现上述错误: 2:21 找不到模块“vuetify/lib/framework"的声明文件.'C:/Users/valut/source/repos/BricksDryierClient/client-app/node_modules/vuetify/lib/framework.js' 隐式具有 'any' 类型.尝试 `npm install @t
..
我正在使用 vuetify 2.0,但遇到了一个问题,在我的 vuetify.js 文件中,我有以下代码 导出默认的 new Vuetify({主题:{主题:{光: {主要:'#3f51b5',次要:'#b0bec5',口音:'#8c9eff',错误:'#b71c1c',}},黑暗:真实}}) vuetify 主题 https://vuetifyjs.com/en/customization/
..
我在 v-card 上有一个 Vuetify v-data-table,但我无法正确布局. 所以它是一个可配置的 2x2 布局(它应该使用分页,没有滚动).
..
当尝试在 Vutify 中创建带有 outlined 文本字段的登录表单时,chrome 自动完成与 labels 重叠, 您可以重新创建这里请填写并提交,然后返回. 解决方案 好吧,我做的是这样的: 在输入上 :placeholder="!autofilled ?' ' : ''" 在脚本中 data() {返回 {形式: {电子邮件: '',密码: '',},错误
..
我有 Vuetify 2.2.11,我正在尝试覆盖他们的 SASS 变量.我在 Symfony 3.x 项目中,所以我没有使用 vue-cli 安装 Vuetify.我遵循了 Webpack 安装指南,但我似乎无法做到工作.Vuetify 样式被转储到一个 css 文件(以我的 js 命名:app.js -> app.css)但我的覆盖没有被考虑在内.至于我的项目样式(company.scss),
..
美好的一天.我正在使用 vuetify,在组件中使用以下 v-dialog:
..
我正在使用 vuetify 创建登录表单,并使用 v-text-field 作为输入.当有一个字段的建议时会出现问题: 例如,我的浏览器中保存了多封电子邮件,它会在电子邮件字段中为我提供这些电子邮件的建议,到目前为止一切都很好.但是当我选择其中之一时: 看到字段的背景颜色从白色变为浅蓝色. 我希望有一种方法可以禁用此行为,因为我的网站上有深色背景,而且当背景更改时,它非常难看.我
..
我是使用 Vue.js 和 Vuetify 的新手,我在使用扩展面板,在我的情况下,我需要能够破坏当用户切换到另一个面板时发生的一些 ajax 处理.在使用 bootstrap-vue 时,我能够通过“show"事件处理这个问题,并设置一个 watched 属性的值(到所选面板的 id),每个面板都可以检查它是否与它们的面板 id 匹配,如果它没有,它可以取消一些事情.(就我而言,我正在进行一些轮
..
我使用 vuetify 布局,我想在右侧制作按钮,但我发现 vuetify 属性的 align-end 不起作用,我使用 offset-xs9要在右侧制作按钮,但按钮在 v-flex 中居中,如何制作?帮助谢谢 代码如下:
..
问题: 我有一个循环显示指定数量的卡片. 问题出在 中的 ma-5 属性上.在 xs 屏幕尺寸上,这个边距太大了.如何为不同的屏幕尺寸指定不同的边距? 代码:
..
在选择项目后调用的方法“afterselection"中,我找不到清除选择字段的方法: 模板: 选择中的数据: const addressList = [{"text":"街道 523, 2533",“价值":[1723455.7054408004,5923451.382843224]},{"text":"拉拉 3, 3455",“价值":[1723455.7054408004,59
..
我尝试从 Vuetify 中的 v-input、v-text 或 v-autocomplete 文件中删除下划线,但我找不到方法 有没有办法从 Vuetify 中的 v-input、v-text 或 v-autocomplete 文件中删除下划线. 解决方案 在 v-text 上添加“solo"和“平面"支柱.适用于 v-input 和 v-autocomplete. Flat
..
所以我对 Vuetify 和前端开发几乎是全新的,如果我的问题很简单,或者甚至太模糊,我很抱歉. 我正在尝试使用 Nuxt 和 Vuetify 构建一个网站,但是我在移除页面边缘周围的填充时遇到了问题.我试过在 Vuetify 中使用不同的组件,例如流体,我试过查找和更改容器 css 代码(我什至不相信我真的找到了),我已经尝试了我在上面找到的任何东西Stack Overflow 或在 Vu
..
我正在尝试将 Vuetify 集成到我现有的 Vue 项目中,但颜色显示不正确.我正在遵循 https://vuetifyjs.com/en/getting-started/上的指南快速入门 -> 现有应用程序. css 文件似乎以某种方式正确加载,因为按钮似乎用阴影突出显示,并且有一些点击效果.但是颜色和文字没有正确显示: 我的 main.js 从“vue"导入Vue;从“./Ap
..
我需要有关创建文本字段的帮助,该文本字段内部有一个图标,该图标上附有工具提示.我的代码: Url主页工具提示 有什么想法吗? 谢谢. 解决方案 自从 v1.1 我们可以
..
案例 1 我们正在尝试将自定义样式应用于呈现的 vuetify 元素: .input-group__input {背景:红色;} 但是没有任何变化.案例 2 我们正在尝试为 v-html 呈现的元素设置样式(例如外部 html).例如,我们尝试在 img 上应用自定义宽度和
..
如何使用 vue-router 使用该预定义模板: https://vuetifyjs.com/examples/layouts/google-contacts 我在我的物品对象中添加了一个链接 项目:[{ icon: 'dashboard' text: 'Home', link: '/'},{ icon: 'dashboard' text: 'Account', link: '/
..
我一直在使用 vuetify 作为前端,但自从我搬到了 nuxt.所有样式都显示在 html 页面中. 有没有办法将 vuetify 样式移动到单独的 css 文件中? 解决方案 您需要使用 从 nuxt.config 中提取 CSS 属性 出口默认{建造 :{提取CSS:真}}
..