vuetify.js相关内容
我已经搜索了导致此错误消息出现的原因,但在我的代码中无法真正理解它.我正在使用 Nuxt.js 和 Vuex.我只是看不到我在哪里修改商店而不发生突变.有人可以告诉我我做错了什么吗?当我从日期选择器组件中选择某个日期时,会出现此错误消息.此解决方案按预期工作,只是错误消息让我感到困扰,我真的不想通过关闭存储的严格模式来解决它. 组件.vue
..
我正在尝试通过下拉列表更改文本的字体大小,并且在大多数情况下,它可以像我想要的那样工作.虽然,有没有更好的方法来做到这一点,比如使用计算或观察者?不确定我将如何执行? 这是一支工作笔:https://codepen.io/anon/pen/xoMXPB?editors=1011如何更改第 6 行的逻辑以将其替换为计算或观察者?
..
我目前正在学习 Vue 和 Vuetify,我遇到了在数据表中索引行的问题. 我可以分配行数的唯一方法是依靠 indexOf 与原始数据数组的比较.但就我而言,问题是当我对表中的数据进行排序时,索引会相应地中断.我想让它稳定,当你对数据进行排序时,它会重新计算. 有什么办法可以在Vue中实现吗?在 Angular 中,使用表格要容易得多.有一个内置功能 或者您可能知道如何访问 V
..
我正在尝试根据当前屏幕的尺寸有条件地将“xs10"类应用于包含我的菜单的 v-flex.到目前为止,我已经得到了这样的东西: ..数据() {返回 {menuSmall: this.$vuetify.breakpoint.mdAndUp}} 但它不起作用.我是 Vue.js + Vuetify 的新手,但我猜这是因为 menuSmall 没有在每次屏幕调整大小时重新计算和重新呈现.我是否需要将
..
..
我已经检查了 文档 的 v-radio 组件,但没有找到设置 label 与 HTML 的方法.有没有人知道有没有办法做到这一点? 解决方案 有一个 label 槽用于此. 因此,如果您需要 html 标签,请不要使用 prop. codepen Vuetify 实际上是Awesome
..
在 vuetify 的 v-select 组件上使用“item-disabled"道具时遇到问题.我正在尝试将其与文字选项一起使用. 这是重现问题的片段: 在这个例子中,我想禁用“Buzz"选项. Vue.use(Vuetify)新的 Vue({el: '#app',数据:() =>({项目:['Foo', 'Bar', 'Fizz', 'Buzz'],disabledItems
..
我在 Vue.js 中有一个项目,我正在使用 Vuetify.我有一个工具栏和导航抽屉.我想要的是在桌面上抽屉打开时.如果用户单击侧边图标,抽屉将切换到 mini. 如果在 md 上,抽屉会切换到 mini.如果用户点击侧边图标,迷你会切换回抽屉 如果在 sm 或降低导航抽屉切换到临时 我拥有大部分部件,但是当我单击侧边图标时出现错误.计算属性 'mini' 已分配给但没有设置器
..
我用 vue-cli 创建了一个新项目,然后用 vue add vuetify 添加了 vuetify.打开网站,看到一个带有无用滚动条的空白页面 我尝试在没有实际 App 组件的情况下安装应用程序,但问题仍然存在.只有当我删除 import './plugins/vuetify' 时它才会消失 main.js 从'vue'导入Vue导入'./plugins/vuetify'从'./A
..
代码显示工具提示图标,但当我悬停在它上面时不显示任何内容.如何像下面的数字一样在悬停时启用它. https://vuetifyjs.com/en/components/tooltips 解决方案 Vuetify 为禁用的输入字段禁用所有指针事件: .v-input--is-disabled:not(.v-input--is-reado
..
我正在尝试通过父组件更改组件的 v-model 大部分我没有得到. 在父组件中我有一个 showProgress 变量,当我将其更改为 true 子组件 v-model 时我想要它> 切换到 true. ProgressModal.vue
..
在树视图组件中,我想打开所有有搜索文本的节点.但预期并未发生. 所需的输出:打开有一些搜索文本的所有父项.这是相同的代码笔. https://codepen.io/anon/pen/MdxPKN?&编辑=101
..
通常要在 Vuetify 中设置图标样式,我们会做类似的事情 comment 我们如何在使用 prepend-icon 道具时获得相同的效果 文档说 prepend-icon 使用与 v-icon 相同的语法,但没有为我的用例提供具体示例 解决方案 正确定位并应用样式. 例如在 v-list-grou
..
当我们尝试在互联网上填写表格时,必填字段使用红色“*"标记来表示该字段是必须的. 像这样,有没有办法在 vuetify.js 中向用户指示必填字段? 解决方案 来自 v1.1.0 文档: 所需的道具不再明确地向标签添加星号.v1.0 中删除了其所有验证功能. 所以显然没有什么可以将其设置为所需的了,我们必须在标签中手动添加它: label="姓名*" 或者你可以使用
..
我想简单地使用 vuetify 选项卡组件作为导航控件,以 概述
..
我有一个 Vue 应用程序,我在其中使用 v-data-table 和 show-select 选项.我只想使用“取消"按钮清除选定的数据按钮.我已经可以通过点击清除表格中的所有数据. 图中示例:我只想清除选定的行(冰淇淋三明治) 这是我的代码: 表格: “取消"按钮 取消 脚本 cancel() {this.desserts = [];}, 解决
..
我需要将响应日期函数发送到我的图形的 X 坐标,为此,我需要日期格式的此列(字符串工作正常).如果可以通过保留日期列进行绘制作为字符串,它会很好,但是对于分组,至少必须转换这是我的想法.有来自银行端的重复日期,我需要根据其他响应数据(即位置)进行分组.如何实现这一点以及如何根据位置列显示折线图 我的代码 从 '../axios-api' 导入 { getAPI }从'../componen
..
重现步骤: 如果它的多选必填规则不起作用,如果它不是一个倍数就可以了. 预期行为 规则也适用于多选 实际行为 规则在多重选择时不起作用 复制代码:
..
是否可以在 Vuetify Stepper 中点击继续后直接显示下一步>?(或者换句话说:如何去除过渡滑出效果) 解决方案 Vue 组件本身. 但是,您可以通过将 .stepper-content 元素的 transition css 属性设置为 none 来禁用它. 例如,您可以创建一个 no-transition 类: .no-transition .stepper__c
..
在我的 index.js 文件中,我用我公司的颜色手动覆盖了 Vuetify theme 对象: Vue.use(Vuetify, {主题: {主要:'#377ef9',次要:'#1b3e70',口音:'#ff643d',错误:'#ff643d'...} 现在,我可以像这样使用模板中的这些颜色:
..