vuetify.js相关内容

nuxt js";无法在';节点';上执行';appendChild';:此节点类型在移动视图端口上不支持此方法&q;

尝试在移动视口上使用vuetify运行我的nuxtjs应用程序时发现此错误,但一切都在桌面视口上运行良好。 本地计算机错误image : error on local machine: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely cau ..
发布时间:2022-02-25 13:13:44 前端开发

为什么无效的道具:道具“价值"的类型检查失败.预期的字符串、数字、对象、布尔值,得到下面提到的程序的数组显示?

为什么无效的道具:道具“值"的类型检查失败.期望字符串、数字、对象、布尔值,得到下面提到的程序的数组显示? html: 脚本: getUser(e) {console.log("idd",this.selectedZone)var user = e.target.value;axios.get("/helpdesk/getUsers", {参数:{问:用户,account_id: ..
发布时间:2022-01-25 18:05:33 前端开发

使用 <v-for> 以表格格式显示多个复选框和 <v-checkbox>在 Vuetify 中?

我正在使用VuetifyJs对于 VueJS,我正在尝试从对象数组中以表格格式显示复选框.所需输出如下所示: 选中“所有用户"时,应选中所有复选框. 我创建了一个行布局并将这一行分成两个弹性框,所以我有两列的行结构.我使用'v-for'循环并为每一行显示当前索引和下一个索引的值.但是下一次循环迭代时会重复最后一个条目.我能到达的最近距离如下图: CodePen 网址: https ..
发布时间:2022-01-25 17:58:35 前端开发

Vuetify外部分页不显示页码

我有一个 v-data-table,我正在尝试为其添加分页.我已经按照示例文档 here 我看不到我的内容做错了.创建我的组件时,它会调用我的后端来填充项目列表.然后将其传递给数据表. 我还有一个搜索栏,如果我在其中输入任何内容,就会弹出页码. HTML JS 我有一个计算属性,可以像示例中一样计算出页码. 计算:{页数 (){如果(this.pagination.row ..
发布时间:2022-01-19 13:00:43 前端开发

如何使用“自定义过滤器"?vuetify中数据表中的道具?或如何创建自定义过滤器以按标题过滤?

截至发稿之日,我找不到在数据表中使用“自定义过滤器"道具的任何文档. 我只想创建一个自定义过滤器来按标题过滤我的数据表.我有一个下拉列表,当用户单击下拉列表的选项之一时,它会过滤列表中的一个特定标题. 示例:下拉选项:食物类型:水果、肉类、蔬菜 Bakchoi(蔬菜) 猪肉(肉) 鸡大腿(肉) 西瓜(水果) 如果我选择下拉菜单作为肉,它应该只显示猪肉和鸡腿. 解 ..
发布时间:2022-01-19 12:40:36 前端开发

在 vuetify 中上传文件

我在 Vue.js 中为我的前端使用 Vuetify.js 组件,并希望创建一个带有文件上传的用户注册表单.我可以使用 v-text-field(一个 Vuetify 组件)创建表单. 如何上传被选中(输入)的文件? 我应该使用哪个组件或有其他替代方法? 解决方案 Vue JS 直到今天还没有文件输入功能,所以你可以调整 v-text-field 使其像图像输入字段一样工作.概念是 ..
发布时间:2022-01-16 20:04:00 前端开发

Vuetify 等高 v-tab-items

请告知如何使 vuetify v-tabs 内容以等高块显示.我在文档中没有找到可以帮助高度对齐的此组件的选项. 默认情况下 v-tab-item 的高度取决于它自己的内容高度: 布局示例: ..
发布时间:2022-01-09 21:10:11 前端开发

Vuetify 数据表 - 在所有列上启用内容编辑

我有一个包含数百列(和行)的数据表,我希望它们都是可编辑的.https://vuetifyjs.com/en/components/data-tables 上的 Vuetify 示例(部分:内容编辑)显示了使单元格可编辑的可能性.但是,手动为数百列执行此操作是不可能的.有没有办法让所有单元格默认可编辑? 解决方案 AFAIK,默认情况下无法使 所有 标题字段可编辑,但您可以自定义主体模板, ..
发布时间:2021-12-28 21:06:19 前端开发

访问 Vue JS 实例监视对象内的 $refs 数组

我正在构建一个 Vue JS SPA,并且在 v-app 中有一个 Vuetify 数据表.我正在尝试在 watch 对象 内为数据表内的 filteredItems 计算属性 设置一个变量,但我不确定如何访问 $refs 数组 在实例内部. 我知道可以使用以下方法在实例中访问数据: this.$refs['prospectsTable'].filteredItems 但是相同的引用名称 ..
发布时间:2021-12-26 16:57:43 前端开发

编译在运行时作为道具接收的 Vuetify 标签/模板

我想向组件发送一个“模板"道具,然后渲染它.如果我发送一个普通的 HTML 它可以工作,但是如果我发送一个像 test 这样的 Vuetify 标签,模板不会被编译. 我知道我不应该通过 props 传递模板,但这是一个特殊情况:父组件作为“模板构建器"工作;并且子组件用作“结果查看器",因此我必须将创建的模板传递给子组件,以便它可以编译并显示它. 这是我 ..
发布时间:2021-12-26 16:57:20 前端开发

尝试将 props 绑定到 v-model

我正在使用 vuetify.js 并尝试创建一个可以在整个应用程序中重复使用的组件.虽然它工作得很好,但我不确定这是否是正确的方法. 我正在创建一个导航抽屉组件,它始终具有相同的菜单选项,但可以从 UI 元素打开. 下面是代码. //NavigationBar.vue ..
发布时间:2021-12-26 16:48:36 前端开发

Vuetify 的自动对焦仅适用于第一次打开模态

我正在尝试使用 Vuetify 的 v-text-field autofocus 但是它只在第一次有效.关闭对话框后,它不再起作用. 这就是我想要做的: 在谷歌搜索时我发现这是一个错误,在某些版本中得到了修复但他们有我也尝试过的临时解决方案: 观看:{对话框:(val)->如果 !val调试器requestAnimationFrame( =>@$refs.focus.focus()) ..
发布时间:2021-12-26 16:47:38 前端开发