vuetify.js相关内容

错误:[vuex] 不要在变异处理程序 vuex (nuxt.js) 之外改变 vuex 存储状态

我已经搜索了导致此错误消息出现的原因,但在我的代码中无法真正理解它.我正在使用 Nuxt.js 和 Vuex.我只是看不到我在哪里修改商店而不发生突变.有人可以告诉我我做错了什么吗?当我从日期选择器组件中选择某个日期时,会出现此错误消息.此解决方案按预期工作,只是错误消息让我感到困扰,我真的不想通过关闭存储的严格模式来解决它. 组件.vue ..
发布时间:2021-09-20 20:25:15 前端开发

创建计算属性?

我正在尝试通过下拉列表更改文本的字体大小,并且在大多数情况下,它可以像我想要的那样工作.虽然,有没有更好的方法来做到这一点,比如使用计算或观察者?不确定我将如何执行? 这是一支工作笔:https://codepen.io/anon/pen/xoMXPB?editors=1011如何更改第 6 行的逻辑以将其替换为计算或观察者? ..
发布时间:2021-09-20 20:24:00 前端开发

Vuetify 数据表中稳定、不变的行数

我目前正在学习 Vue 和 Vuetify,我遇到了在数据表中索引行的问题. 我可以分配行数的唯一方法是依靠 indexOf 与原始数据数组的比较.但就我而言,问题是当我对表中的数据进行排序时,索引会相应地中断.我想让它稳定,当你对数据进行排序时,它会重新计算. 有什么办法可以在Vue中实现吗?在 Angular 中,使用表格要容易得多.有一个内置功能 或者您可能知道如何访问 V ..
发布时间:2021-09-20 20:23:40 前端开发

使用 Vue.js + Vuetify 有条件地绑定类?

我正在尝试根据当前屏幕的尺寸有条件地将“xs10"类应用于包含我的菜单的 v-flex.到目前为止,我已经得到了这样的东西: ..数据() {返回 {menuSmall: this.$vuetify.breakpoint.mdAndUp}} 但它不起作用.我是 Vue.js + Vuetify 的新手,但我猜这是因为 menuSmall 没有在每次屏幕调整大小时重新计算和重新呈现.我是否需要将 ..
发布时间:2021-09-20 20:23:20 前端开发

如何在 v-radio 标签中设置 HTML

我已经检查了 文档 的 v-radio 组件,但没有找到设置 label 与 HTML 的方法.有没有人知道有没有办法做到这一点? 解决方案 有一个 label 槽用于此. 因此,如果您需要 html 标签,请不要使用 prop. codepen Vuetify 实际上是Awesome ..
发布时间:2021-09-20 20:21:28 其他开发

如何在 Vuetify 中禁用文字值?

在 vuetify 的 v-select 组件上使用“item-disabled"道具时遇到问题.我正在尝试将其与文字选项一起使用. 这是重现问题的片段: 在这个例子中,我想禁用“Buzz"选项. Vue.use(Vuetify)新的 Vue({el: '#app',数据:() =>({项目:['Foo', 'Bar', 'Fizz', 'Buzz'],disabledItems ..
发布时间:2021-09-20 20:21:26 其他开发

将 Vuetify 导航抽屉切换到 mini 然后临时

我在 Vue.js 中有一个项目,我正在使用 Vuetify.我有一个工具栏和导航抽屉.我想要的是在桌面上抽屉打开时.如果用户单击侧边图标,抽屉将切换到 mini. 如果在 md 上,抽屉会切换到 mini.如果用户点击侧边图标,迷你会切换回抽屉 如果在 sm 或降低导航抽屉切换到临时 我拥有大部分部件,但是当我单击侧边图标时出现错误.计算属性 'mini' 已分配给但没有设置器 ..
发布时间:2021-09-20 20:20:59 前端开发

Vuetify 在不需要时添加滚动条

我用 vue-cli 创建了一个新项目,然后用 vue add vuetify 添加了 vuetify.打开网站,看到一个带有无用滚动条的空白页面 我尝试在没有实际 App 组件的情况下安装应用程序,但问题仍然存在.只有当我删除 import './plugins/vuetify' 时它才会消失 main.js 从'vue'导入Vue导入'./plugins/vuetify'从'./A ..
发布时间:2021-09-20 20:20:00 前端开发

根据过滤结果展开 v-treeview

在树视图组件中,我想打开所有有搜索文本的节点.但预期并未发生. 所需的输出:打开有一些搜索文本的所有父项.这是相同的代码笔. https://codepen.io/anon/pen/MdxPKN?&编辑=101 ..
发布时间:2021-09-20 20:18:34 其他开发

在 Vuetify 中使用 prepend-icon 定义的图标样式

通常要在 Vuetify 中设置图标样式,我们会做类似的事情 comment 我们如何在使用 prepend-icon 道具时获得相同的效果 文档说 prepend-icon 使用与 v-icon 相同的语法,但没有为我的用例提供具体示例 解决方案 正确定位并应用样式. 例如在 v-list-grou ..
发布时间:2021-09-20 20:18:13 其他开发

Vuetify 如何根据需要标记字段

当我们尝试在互联网上填写表格时,必填字段使用红色“*"标记来表示该字段是必须的. 像这样,有没有办法在 vuetify.js 中向用户指示必填字段? 解决方案 来自 v1.1.0 文档: 所需的道具不再明确地向标签添加星号.v1.0 中删除了其所有验证功能. 所以显然没有什么可以将其设置为所需的了,我们必须在标签中手动添加它: label="姓名*" 或者你可以使用 ..
发布时间:2021-09-20 20:17:54 其他开发

如何清除v-data-table,Vuetify中的选定行

我有一个 Vue 应用程序,我在其中使用 v-data-table 和 show-select 选项.我只想使用“取消"按钮清除选定的数据按钮.我已经可以通过点击清除表格中的所有数据. 图中示例:我只想清除选定的行(冰淇淋三明治) 这是我的代码: 表格: “取消"按钮 取消 脚本 cancel() {this.desserts = [];}, 解决 ..
发布时间:2021-09-20 20:16:54 前端开发

VueJS:如何根据响应数据列进行分组

我需要将响应日期函数发送到我的图形的 X 坐标,为此,我需要日期格式的此列(字符串工作正常).如果可以通过保留日期列进行绘制作为字符串,它会很好,但是对于分组,至少必须转换这是我的想法.有来自银行端的重复日期,我需要根据其他响应数据(即位置)进行分组.如何实现这一点以及如何根据位置列显示折线图 我的代码 从 '../axios-api' 导入 { getAPI }从'../componen ..
发布时间:2021-09-20 20:16:09 前端开发