vuetify.js相关内容

Vuetify 使卡片的内容(表格)适合其中

我在对话框中有一张卡片,上面有标题和表格(以后会更复杂).该对话框设置了 width="80vw".我不希望对话框和卡片滚动,但我希望表格在标题固定的情况下滚动,因此您始终可以看到列名.当我以像素为单位为表格设置固定高度时,它会自动执行我想要的操作,但是使用溢出-y 或百分比高度没有任何作用. 如何使桌子适合卡片? 文件 ..
发布时间:2021-09-20 20:02:23 前端开发

Vuetify 列表:根据活动路由打开组

假设我有一个包含 2 个 v-list-group 的 Vuetify 列表,每个列表包含一个 v-list-tile.这是一个简化的伪代码: - Group1- 项目 1 :to='/item1'- Group2- 项目 2 :to='/item2' 我的列表工作正常:如果我点击“Item1",vue-router 会转到“/item1". 相反,当我转到某个路由“/item1"(例 ..
发布时间:2021-09-20 20:01:27 前端开发

Vuetify v 对话框中的 HTML

我正在尝试将格式化的 HTML 添加到 v 对话框的内部.我里面有一张 v 卡,但我已经把它撕掉了,所以我可以从头开始.这是我目前所拥有的 {{editedItem.Publication}} {{editedItem.Publication}} 包含带有颜色变化和超链接的格式化 HTML.我已经看到在哪里使用 v-card v-text with v- ..
发布时间:2021-09-20 20:00:54 前端开发

我为生产构建时缺少 Vuetify CSS

我们从某人那里购买了一个用 Vue 编写的网络应用程序,我们正在开发以更改/改进它.我们添加的一件事是 Vuetify,因此我们可以使用 Vuetify 元素,并且在开发模式下一切都运行良好,但是当我们为生产构建时,Vuetify 元素的 CSS 丢失了. 我已经在网上搜索过这个,并且已经尝试了每个人的建议,但没有任何运气. 有人知道什么是错误的,为什么 npm run build 会 ..
发布时间:2021-09-20 19:59:18 前端开发

借助 mapGetters、VUEJS、vuex、vuetify 将内容从数组中显示出来

我的页面由两条路线组成,一条带有主页,另一条带有配置面板. 在我的主页中,我有一个容器,我在其中放置了一些信息,例如日期、时间、当前摄氏度等,在其下有一个容器,您可以在其中放置用户配置的一些日常信息.用户为输入提供了某种文本以及代表超时的第二个值(用户可以决定应该显示多少秒),因此我在 vuex 的帮助下获取信息,因此我将状态设置为值在这些输入中给出的(我得到一个带有字符串的数组(属于文本输 ..
发布时间:2021-09-20 19:59:01 前端开发

更改:vc-date-picker中的值>使用 v-for 的 v-text-field

我希望 :value 自动从 inputValue.start 更改为 inputValue.end.所以当我点击结束日期时,它应该在第二个文本字段中更新.同样,如果我在第二个文本字段中选择一个日期范围,第一个文本字段也应该再次更新.在这个问题的最后,您可以看到两种情况的结果. P.S.:我使用 Vue.js 的 V-Calendar 插件.vc-date-picker 元素来自这个插件. ..
发布时间:2021-09-20 19:58:06 前端开发

无法创建自定义 vuetify 主题颜色

在我的 vuetify.js 文件中,我添加了以下代码以创建自定义主题颜色: Vue.use(Vuetify, {主题: {主要:“#abd10d",次要:“#5c40c1",}}); 但是,当我将主题应用于网站上的元素时,主题不会更新.主要和次要主题保持其默认颜色. 为什么没有使用我的自定义主题颜色? 解决方案 您需要使用 light(默认)或 dark... Vue.use ..
发布时间:2021-09-20 19:57:43 前端开发

$vuetify.goTo 不会在 v-card 组件中滚动

我有一个带有 v 卡的组件.我在卡片标题区域放置了一个简单的按钮.当我单击时,我看到该方法被触发,它显示在控制台中.但是,卡从不滚动.如果我打错了类名,我会收到一个错误,所以 goTo 似乎在做一些事情,因为它没有找到类.没有错别字,没有错误,但卡片正文永远不会滚动. ... gotoSelectedVendor() {//eslint-disable-next-line 无控制台cons ..
发布时间:2021-09-20 19:56:23 前端开发

Vuetify V-Data-Table 页脚添加按钮

我想在 v-data-table 页脚中添加一个类似于此图像的按钮. 问题是,如果表格包含数据,我通常可以添加一个按钮,但是,如果没有数据,则该按钮不会呈现. 代码如下: 按钮 ..
发布时间:2021-09-20 19:55:54 前端开发

VuetifyJS 中的默认字体部分更改

我使用的是 Vuetify 2.0.14.我已经关注了这篇文章更改 Vuetify 中的默认字体,并从@tzahi-leh 那里获得了解决方案.但是我看到我的自定义字体部分更改了网页.我知道 Vuetify 有默认的 Roboto 字体,我想改成“Ubunut".我还下载了 Ubuntu 字体系列并放置在 assets/fonts 文件夹中. 我的 App.vue 样式内容 $typoOp ..
发布时间:2021-09-20 19:55:19 前端开发

在 Vuetify v-data-table 中拖动列

我想在 v-data-table 中通过标题拖动列.我已经使用指令/sortablejs 走得很远了,但我无法弄清楚以下几点: 我不确定如何解释 列的数量与 列的数量不匹配的情况.使用 colspan="someNumber" 时可能会发生这种情况 添加新行后,将列拖到新位置时,它不会同步到正确的列. 任何帮助/见解将不胜感激! 我在以下位置有此设置的代码笔:https://c ..
发布时间:2021-09-20 19:53:31 前端开发