vuetify.js相关内容

如何将文本芯片附加到 vuetify 中的文本字段

我已经使用 vuetify 创建了一个文本字段,我想在那里附加芯片. 如果添加的文本与模式匹配(例如以“{"开头并以“}"结尾),则将添加筹码.当添加文本匹配给定模式新芯片时,我已经实现了组合框的部分,但在这种情况下,无法添加文本,也不可能将芯片添加到文本字段. 我的问题是如何“合并"组合框和文本字段的两个功能? 解决方案 没有任何代码有点难以帮助,但这正是我认为您要寻找的Co ..
发布时间:2021-09-20 20:29:56 前端开发

基于项目类型的 Vuetify 格式单元格

我不确定这是否可以完成,但我想根据属性设置一些动态创建的列的格式.如果该项目没有该属性,我希望它回退到默认行为. 下面是我正在尝试做的一个例子(虽然语法不正确,因为你不能在模板中做 item.type === foo ..
发布时间:2021-09-20 20:29:53 前端开发

尝试升级到 vuetify 2.0 时出错

好的,所以我第二次尝试迁移到目前为止它完全失败了似乎没有检测到 vuetify,不幸的是我无法分享我的完整存储库,因为它与工作相关,但会描述步骤并分享相关代码.项目是使用 vue-cli 3.3.0 创建的,其中包含一个用于环境变量的 vue.config.js 文件.1) npm 卸载 vuetify2)vue 添加 vuetify3) npm 运行服务我的网站无法加载,并且出现此错误(添加代码 ..
发布时间:2021-09-20 20:29:50 前端开发

如何更改 v-slider 组件并在我的应用程序中对其进行测试?

我尝试在 node_modules 中进行编辑,但文件是从 dist 中获取的,而 src 似乎被忽略了. 我尝试了 npm run build 以查看是否可以将更改推送到 dist 但这也不起作用,因为似乎缺少其他依赖项. 更新: 我按照文档的贡献部分中有关设置 dev env 的说明进行操作. 进行了更改并进行了纱线和纱线构建 但是 dist 文件夹和没有我改动的 ..
发布时间:2021-09-20 20:29:47 其他开发

动态改变主题

我最近将我的 vuetify 版本升级到了 2.0.根据关于主题的新文档,我们需要设置vuetify.js 中的 >dark.我在 vuex 中设置了 dark 的值,当我更新变量时,vuetify.js 没有得到更新的值. 从'vue'导入Vue;从 'vuetify/lib' 导入 Vuetify;导入 'vuetify/dist/vuetify.min.css';导入 'material- ..
发布时间:2021-09-20 20:29:41 前端开发

将 Vuetify 导航抽屉 v-modelled 切换为 Vuex 变量

(我发现了一些类似的问题,但似乎没有一个能解决我的问题,但是如果我遗漏了什么,请参考.) 我正在使用 Vue、Vuex 和 Vuetify.使用 "Google Keep"示例布局,我分解了 NavDrawer 和 AppBar 组件.然而,我在让 NavDrawer 切换工作时遇到了一些麻烦. 在实现 Vuex 之前,我使用了 props 和 events,通过父组件.使用Vuex, ..
发布时间:2021-09-20 20:29:37 前端开发

使用 v-edit-dialog 时如何停止传播/打开 v-expansion-panel?

扩展面板上包含的任何类型的按钮也会在您单击时打开/关闭面板(传播),这通常是不受欢迎的.使用@click.stop 可以轻松防止这种情况.然而,v-edit-dialog 组件提出了一个挑战.如何防止此编辑对话框在激活时打开/关闭扩展面板? new Vue({el: '#app',数据(){返回 { 标题:“可编辑的标题"}}}) ..
发布时间:2021-09-20 20:29:34 前端开发

如何在独立/CDN 模式下更改 Vuetify 中的主题颜色?

我正在尝试更改 Vuetify 中的命名颜色,以便围绕应用程序使用的视觉控件集中继承主题,并且不需要为每个组件单独定义颜色. Vuetify 主题文档是关于更改主题颜色的: 这很容易改变.只需将主题属性传递给Vue.use 函数.您可以选择修改全部或仅部分主题属性,其余继承自默认. 但是,在 v1.3.12 版本的独立/CDN 模式下,我没有在实践中看到这项工作. 请注意当 ..
发布时间:2021-09-20 20:29:31 其他开发

在 Vuetify-js 数据表中搜索一个不可见的字段

我正在 Vuetify 中创建一个可扩展的数据表. 表格标题中仅显示 5 列.当您展开每一行时,您会使用 item.data-table-expand 槽获得详细信息,该槽显示数据数组中可用的更多列. 现在我希望能够在表格上应用搜索过滤器. 我的问题是 search 指令只搜索标题中声明的字段(5 列),我需要搜索其他字段. 我尝试在标题中添加一个可搜索字段,但无法将其隐藏 ..
发布时间:2021-09-20 20:29:26 前端开发

Vuetify 数据表,如何应用外部过滤器?

如果可能的话,如何将过滤器应用于 Vuetify v-data-table,并结合“常规"search 属性? 遵循 Vuetify 示例(https://vuetifyjs.com/en/components/data-表),考虑一个包含两列的 Vuetify 数据表: 甜点 类别 我想用搜索框控制表格,链接到“甜点"列: 和: 标头:[{ text: 'Dess ..
发布时间:2021-09-20 20:29:17 其他开发

VueJs 自定义货币掩码

我的货币掩码有问题. 当我在字段中输入 10000 时,它按预期格式化 10,000 但当我将焦点转移到另一个字段或按 Tab 键时.掩码将逗号位置向左移动 1.即 10,000 变为 1,0000 您可以检查 codepan 是否有问题,有人可以帮我解决这个问题吗? https://codepen.io/veer3383/pen/BxqzLb?editors=1010# ..
发布时间:2021-09-20 20:29:14 前端开发

vuetify-loader 1.6 与 laravel mix 不兼容,vue-loader 15 目前不支持 oneOf 的 vue 规则

我正在尝试在 Laravel 上安装 vue.我相信我明白了,但是当我运行 npm run watch 或 npm run dev 时,它会生成此错误.我试了好几件事都解决不了 Error: [VueLoaderPlugin Error] vue-loader 15 目前不支持 oneOf 的 vue 规则.在 VueLoaderPlugin.apply (C:\laravel\construt ..

防止 vuetify 污染全局样式范围

我正在尝试将一个 Vue 组件从远程源 (npm) 嵌入到另一个组件中,而不使用 Vue 插件.组件按预期安装,但是,因为嵌入式组件使用 Vuetify,它的样式污染了“父"组件的样式.应用程序 这里有一些图片,希望能说明我的意思: 在安装嵌入式组件之前注意根应用程序的原色 安装登录(嵌入式)组件后: 我尝试了此处提到的策略,在嵌入式组件中使用较少在块级别导入 vuetify c ..
发布时间:2021-09-20 20:29:09 前端开发

V-data-table 通过 v-slot:body 控制扩展项

vuetify 2.0 v-data-tables 的文档没有指定如何通过 v-slot:body 控制扩展项.我有一个表,我需要用 body v-slot 指定,并想使用扩展功能. 预期行为是通过单击表格中一列中的按钮,该行会在下方展开. 我正在使用 v-slot:body,因为我需要完全自定义列内容.我正在从 vuetify 1.5 迁移代码,其中 props.expanded 启 ..
发布时间:2021-09-20 20:29:06 其他开发

如何使用自定义颜色覆盖 Vuetify 变量?

我想通过遵循 this 我创建了一个 stylus 文件夹,其中包含基本文件夹(_colors、_typography)和 main.styl 文件._color 文件导入到 main.styl 文件中,后者导入到 main.js 这是我的文件结构: 导入包含在 main.js 中: import '../node_modules/vuetify/dist/vuetify.m ..
发布时间:2021-09-20 20:29:00 其他开发