vuetify.js相关内容

v-dialog Vuetify 的自定义位置

我需要在页面的右下角打开一个特定宽度和高度的 v 对话框,但是,我不明白该怎么做.V-dialog 总是以页面为中心,我在官方文档上搜索,尝试使用 CSS,但无法有什么想法吗? 解决方案 注意:其他提供的解决方案并不令人满意,因为它们混淆了过渡,或者我们不能使用作用域样式,或者它们建议使用 !important 等 解决方案 将任意 content-class 类添加到您的对话 ..
发布时间:2021-09-20 20:28:57 其他开发

如何解决 chrome 自动与 vuetify 中的标签重叠的问题?

当尝试在 Vutify 中创建带有 outlined 文本字段的登录表单时,chrome 自动完成与 labels 重叠, 您可以重新创建这里请填写并提交,然后返回. 解决方案 好吧,我做的是这样的: 在输入上 :placeholder="!auto​​filled ?' ' : ''" 在脚本中 data() {返回 {形式: {电子邮件: '',密码: '',},错误 ..
发布时间:2021-09-20 20:28:41 前端开发

使用 webpack 和 twig 覆盖 Vuetify SASS 变量

我有 Vuetify 2.2.11,我正在尝试覆盖他们的 SASS 变量.我在 Symfony 3.x 项目中,所以我没有使用 vue-cli 安装 Vuetify.我遵循了 Webpack 安装指南,但我似乎无法做到工作.Vuetify 样式被转储到一个 css 文件(以我的 js 命名:app.js -> app.css)但我的覆盖没有被考虑在内.至于我的项目样式(company.scss), ..
发布时间:2021-09-20 20:28:38 其他开发

vuetify v-text-field 给定值后背景颜色变化

我正在使用 vuetify 创建登录表单,并使用 v-text-field 作为输入.当有一个字段的建议时会出现问题: 例如,我的浏览器中保存了多封电子邮件,它会在电子邮件字段中为我提供这些电子邮件的建议,到目前为止一切都很好.但是当我选择其中之一时: 看到字段的背景颜色从白色变为浅蓝色. 我希望有一种方法可以禁用此行为,因为我的网站上有深色背景,而且当背景更改时,它非常难看.我 ..
发布时间:2021-09-20 20:28:32 前端开发

Vuetify 扩展面板 - 如何捕获 onOpen/Show onClose/Collapse?

我是使用 Vue.js 和 Vuetify 的新手,我在使用扩展面板,在我的情况下,我需要能够破坏当用户切换到另一个面板时发生的一些 ajax 处理.在使用 bootstrap-vue 时,我能够通过“show"事件处理这个问题,并设置一个 watched 属性的值(到所选面板的 id),每个面板都可以检查它是否与它们的面板 id 匹配,如果它没有,它可以取消一些事情.(就我而言,我正在进行一些轮 ..
发布时间:2021-09-20 20:28:29 其他开发

选择项目后自动清除选择字段

在选择项目后调用的方法“afterselection"中,我找不到清除选择字段的方法: 模板: 选择中的数据: const addressList = [{"text":"街道 523, 2533",“价值":[1723455.7054408004,5923451.382843224]},{"text":"拉拉 3, 3455",“价值":[1723455.7054408004,59 ..
发布时间:2021-09-20 20:28:19 其他开发

如何从 v-text 文件或 v-input 文件中删除下划线

我尝试从 Vuetify 中的 v-input、v-text 或 v-autocomplete 文件中删除下划线,但我找不到方法 有没有办法从 Vuetify 中的 v-input、v-text 或 v-autocomplete 文件中删除下划线. 解决方案 在 v-text 上添加“solo"和“平面"支柱.适用于 v-input 和 v-autocomplete. Flat ..
发布时间:2021-09-20 20:28:16 其他开发

在 Vuetify 中删除边距和填充

所以我对 Vuetify 和前端开发几乎是全新的,如果我的问题很简单,或者甚至太模糊,我很抱歉. 我正在尝试使用 Nuxt 和 Vuetify 构建一个网站,但是我在移除页面边缘周围的填充时遇到了问题.我试过在 Vuetify 中使用不同的组件,例如流体,我试过查找和更改容器 css 代码(我什至不相信我真的找到了),我已经尝试了我在上面找到的任何东西Stack Overflow 或在 Vu ..
发布时间:2021-09-20 20:28:13 其他开发

Vuetify:颜色不显示

我正在尝试将 Vuetify 集成到我现有的 Vue 项目中,但颜色显示不正确.我正在遵循 https://vuetifyjs.com/en/getting-started/上的指南快速入门 -> 现有应用程序. css 文件似乎以某种方式正确加载,因为按钮似乎用阴影突出显示,并且有一些点击效果.但是颜色和文字没有正确显示: 我的 main.js 从“vue"导入Vue;从“./Ap ..
发布时间:2021-09-20 20:28:10 其他开发

Vuetify - CSS 在组件内不起作用(生效)

案例 1 我们正在尝试将自定义样式应用于呈现的 vuetify 元素: .input-group__input {背景:红色;} 但是没有任何变化.案例 2 我们正在尝试为 v-html 呈现的元素设置样式(例如外部 html).例如,我们尝试在 img 上应用自定义宽度和 ..
发布时间:2021-09-20 20:28:04 其他开发

路由器链接与 vue 和 vuetify 混淆

如何使用 vue-router 使用该预定义模板: https://vuetifyjs.com/examples/layouts/google-contacts 我在我的物品对象中添加了一个链接 项目:[{ icon: 'dashboard' text: 'Home', link: '/'},{ icon: 'dashboard' text: 'Account', link: '/ ..
发布时间:2021-09-20 20:27:23 其他开发