vuetify.js相关内容
我使用的是 vuetify 1.1.8 和 vue 3.0.0-rc.3.我正在尝试在我设计的项目中使用一些自定义 SVG 图标,而不是 vuetify 支持的 Material Icons 或 FontAwesome Icons 中的默认图标 我尝试使用 vue-svg-loader 加载我的自定义 svg 图标,并将它们用作组件.像这样
..
我正在尝试将 居中到 .由于 是一个 flexbox div,所以我使用了转换成 的 justify-center justify-content: center 由于我的方向是水平的,所以我的按钮应该居中对齐,但事实并非如此.这是重现我的问题的代码笔. https://codepen.io/anon/pen/ZXLzex 我想将按钮注册为在 div 内居中(v-flex)
..
我有一个 Vue JS (Vuetify) 应用程序,它发出一个 ajax 请求,我想用响应填充 div 的内容,但是我在访问实例的数据时遇到了困难.我见过的所有示例都使用 this 来指向数据对象,但是当我这样做时,我收到此错误 无法设置未定义或空引用的属性“消息" 该应用程序非常简单: main.js: 从'vue'导入Vue从'./App.vue'导入应用程序从 'v
..
我正在使用 VueJS Vuetify 框架,我需要打开一个对话框 - 该对话框被导入为组件模板- 来自另一个模板.点击 App.vue 中的 Menu 按钮 后,Modal 应该会打开.这是我的设置: App.vue = 带有菜单按钮的导航模板 Modal.vue = 模态模板,在 main.js 中作为全局导入 main.js 从'./components/Modal.vu
..
我遇到了 v-dialog 组件 的 Vuetify 示例,它具有作用域插槽称为激活器,定义如下: 点击我 我了解 VueJS 文档中的作用域插槽以及解构插槽道具的概念,但我不不明白这个例子中 v-on="on" 的含义是什么.特别是当没有用 v-on 指令指定事件时,这意味着什么? v-on 上的 VueJS
..
我有一个标题: 一些标题在这里 当视图为 XS 时,我想将字体大小设置为 3em.现在我将其复制如下: 一些标题在这里一些标题在这里 但是,我想避免这种重复并仅使用 CSS 来解决问题,而不必在本地 .vu
..
我将 Vuetify 自动完成与远程数据一起使用,我想限制/消除 API 调用(当用户在自动完成中键入文本时,等待 500 毫秒以调用 API).我该怎么做? 我看到了一篇关于 debounce-search 属性的 Stack OverFlow 帖子,但它对我不起作用,而且我没有看到关于这个属性的任何 Vuetify 文档. 解决方案 您可以为进行 API 调用的函数添加去抖动功能
..
首先,我检查了问题 file-upload-in-vuetify 和vuetify-file-uploads.但是那里的解决方案不起作用. 我正在尝试使用 vuetify 2 发送多个 PDF 文件.我创建了 FormData 对象并附加了我的所有文件,但是当我尝试提交时,它没有到达我的后端.我只是得到一个空对象.这是我的代码: 模板:
..
我正在使用 vue.js 和 vuetify.我想添加一个图标,但它没有按预期工作(未呈现). 我该如何解决这个问题? 请参考以下代码: main.js 从'vue'导入Vue从“vuetify"导入 Vuetify;导入“vuetify/dist/vuetify.min.css";Vue.use(Vuetify); index.html
..
我正在使用 vuetify 的数据表,我们有不同的插槽和一些道具,例如下面
..
我正在查看 vues 页面上的教程以添加工具提示.https://vuetifyjs.com/en/components/tooltips 对于单个按钮似乎可以正常工作. 但是,它在 v-item 中不起作用.我收到一条控制台消息,内容为 '[Vuetify] v-item 缺少默认的 scopedSlot'
..
选择器的 Vuetify 组件是: But when the selector is active, many nested components appear (on inspect), for example, the dropdown menu itself, menu__content.我将如何设计它?对于“可见"的Vuetify组件v-select,我可以手动添加一个类,直接在cs
..
我有以下 jsfiddle 有两个 Vuetify 选项卡.文档没有展示如何使用 vue-router 的例子. 我发现了这个 Medium.com 帖子 关于如何将 Vuetify 与 vue-router 一起使用,其代码如下: 摩托车
..
我收到来自服务器的响应,其中包含传递给我的 vue 实例的数据数组.我已经使用该数组完成了数据表.但我只需要知道如何显示序列号的数组索引. 在这里我附上我的组件代码我的反应没问题,表格也正常.我只需要多增加一列并在那里显示索引值. 我的数组名称是客户. @{{ props.item.id }}
..
{“警报":[{“相关":[" "," ",""],“事件": " ",“团体": " ",“历史": [{“事件": " ","href": " ",“ID": " ","资源": " abc ",“地位": " ",“文本": " ",“类型": " ",“更新时间": " ",“用户":“",“价值": " - "}],"href": " ",“ID": "",“原始数据":空,"接收时间"
..
目前我对 max 和 min 使用负值,并试图隐藏拇指标签内的负号.这不是最佳选择. 解决方案 这是一个解决这个问题的拉取请求 https://github.com/vuetifyjs/vuetify/pull/6809
..
在这种情况下我需要多行标题: 第一行是 1 级标题,第二行是 2 级,如下图: 多行标题 谢谢! 解决方案 核心代码
..
全部: 我正在尝试将多个 Vuetify 日期选择器添加到单个页面.我在 v 菜单中使用它,以便在选择日期时显示在文本字段中. 我遇到的问题是:当我为第一个日期字段选择日期时,一切都按预期工作,但是当我单击以选择第二个日期时,它再次填充第一个日期字段.我有以下几点:
..
在我的 Vue.js 项目中,我有一个 v-data-table. 如果单元格内容为 true 我想用绿色的 check_circle 图标替换. 为什么此代码不起作用? check_circle 现在的表格是: 编辑 1
..
我是 vuetify 的新手,我一直在思考如何正确使用 v-select.我将选择值从 API 提取到名为 FormatTypes 的存储中,如下所示: [{"id":5,"formatlabel":"RDBMS 表或视图"},{"id":6,"formatlabel":"Microsoft Access"}....,{"id":23,"formatlabel":"ArcGIS for Serv
..