我想在我的 Laravel 9 Vuetify 3 应用程序中使用@mdi/js 。 Vuetify 3文档说明了应该做什么。 但这对我不起作用。 我的应用程序.js 我的模板: 似乎 vuetify v-icon无法处理 SVG 图形。 有谁知道我如何将@mdi/js与v-icon和其他 vu ...
我想在我的 Laravel 9 Vuetify 3 应用程序中使用@mdi/js 。 Vuetify 3文档说明了应该做什么。 但这对我不起作用。 我的应用程序.js 我的模板: 似乎 vuetify v-icon无法处理 SVG 图形。 有谁知道我如何将@mdi/js与v-icon和其他 vu ...
当将一些组件包裹在徽章内时,它们会失去原来的宽度 结果变成了这个( 复制链接) 我知道 textfield 组件提供了一个append插槽 但这不一样( 复制链接) 有没有办法使用徽章但不影响实际宽度? ...
我有一个带有Vue 2.7.14和Vuetify 2.6.13的 asp .net web forms 应用程序。 我有一个表,我想实现v-slot:item.fieldName来设置某些单元格的样式,但它不起作用。 这是数组数据项: ...
我正在使用 Vuetify 并且在表格上方有一些内容。 该表应该有一个fixed-header ,但这需要一个height道具。 100%的高度不起作用,我不能使用100vh ,因为上面有一些内容。 转载链接 您是否知道如何设置具有正确高度的固定 header? ...
我通过邮递员拨打了 api,它在 jira 上创建了票证,但现在当我使用 index.js 并在 vuejs 中编写代码时,它显示了 cors 错误当我生成演示错误时,我不明白流程,除了 cors 错误外,它什么也没显示 ...
我正在使用一个包含多个列的 Vuetify 表,就像这样 转载链接 对于较小的屏幕尺寸,水平滚动条非常适合。 但是有一个“打印模式”,其中水平滚动条没有意义(PDF 文件上的数据丢失)。 因此,无论实际表格宽度如何,我都想阻止水平滚动条(我知道这可能看起来很丑陋)。 我认为这个问题与 Vuetify ...
保持表格尽可能基本以解决这个问题。 我正在努力学习如何在 vuetify 中创建到 function 的服务器端排序/分页。 当我添加:options 或:server-items-length 绑定时,表不再排序或分页。 如果没有其中任何一个,我会得到每行 10 个项目的默认列表 - 并且所有排序 ...
我目前正在开发一个具有侧边栏菜单的 Vue 2 应用程序,我正在使用v-list-group显示菜单项,您可以使用搜索字段对其进行过滤。 我正在尝试展开过滤后的菜单项以显示搜索结果,但我不知道如何将v-list-group项设置为在我进行搜索后展开。 有没有办法通过一种方法将项目设置为“打开”或“ ...
我是 vue3 的新手,使用 vuetify.js 提供的 v-color-picker。我的目标是在输入事件(“选择新颜色”)发生时执行一个方法: ... 但是,永远不会触发 handleChangedColor 方法。 如果有人可以提示我做错了什么,我会很高兴! 将 selectedColor ...
我想覆盖 vuetify scss varibale 以更改 v-text-field border-redius 检测到 'varibales.scss' 中所有定义的变量,但我想要 ovrride vuetify 变量。 ...
我正在使用导航抽屉在对话框中显示我的数据列表。当我第一次打开它时它工作并显示正常,但是当我再次打开对话框时,整个导航抽屉消失了。 我的数据GET也没有问题。 它在一个表单中。 我的数据在对话框组件中获取功能: ...
下面是公司名称的文本字段。 我不想允许任何特殊字符,但我想允许字母、空格和数字。 我不确定如何在 vuetify 中实现这一点。 对解决这个问题有帮助吗? ...
我使用 Vuetify v3 并尝试使用 items 和items-text属性填充 v-select,但它不起作用。 v-select 显示 2 个空插槽。 在页面的创建方法中使用 Get 请求正确填写数据。 但是列表似乎有两个有两个数据但是是空的。 下面是一个数据的例子 ...
我已经使用用于搜索的文本字段自定义了 v-data.table header 以使 function 紧凑。 但我无法阻止排序点击 function 在文本字段上。 重现步骤: 请单击此 Codepen 链接请单击搜索卡路里一到两次,它会按升序或降序排列。 我只想在 header 文本或自定义文本字 ...
为了在扩展面板中嵌入嵌套项目,我之前使用的是v-expansion-panel-content 代码: https://codepen.io/tony19/pen/zYRLBPx?editors=1010 但是现在我正在使用"vuetify": "^v3.1.2",当我尝试添加<v-expan ...
如果您查看他们的自动完成组件: https://mui.com/material-ui/react-autocomplete/ 单击下拉列表中的建议后,输入框保持焦点...他们是怎么做到的? 在我自己的 vue 应用程序(不使用材质 UI)中的每一个变体中,我都无法获得点击事件来阻止输入失去焦点。 ...
我在实现 Veutify 的分页组件以循环访问我的数组时遇到问题。 我期待在循环时项目会更新。 ...
从 API 获取的数据包含两种类型的元素: cycles ,它是一些属性的对象,以及last_update object,它包含 ID 和last_update: <date> 。 我正在按以下方式处理它们:<script> export default { da ...
所以我正在尝试为我的项目使用 v-carousel,但我想自定义内置的分隔符图标 变成像这样更大的东西 但不知何故我无法编辑或添加以将分隔符更改为更长的大小,因为它是内置的。 知道怎么做吗? ...
我使用 Vue.js 3 和 Vuetify 3 创建了一个应用程序,它使用 Vite。 如果我在根文件夹中部署到生产,它工作正常(即,如果我从http://example.com访问它)。 但是,我正在尝试部署到名为“app”的文件夹(即http://example.com/app )。 原因是 ...