vuetify.js相关内容
我在对话框中有一张卡片,上面有标题和表格(以后会更复杂).该对话框设置了 width="80vw".我不希望对话框和卡片滚动,但我希望表格在标题固定的情况下滚动,因此您始终可以看到列名.当我以像素为单位为表格设置固定高度时,它会自动执行我想要的操作,但是使用溢出-y 或百分比高度没有任何作用. 如何使桌子适合卡片? 文件
..
我在 v-data 表中有一堆动态列,我需要遍历和查询这些列以显示正确的信息.它看起来有点像这样(取自这里的答案:Vuetify根据项目类型格式化单元格) {{ item[header.value] }}
..
我正在尝试将包含表单的组件映射到 vuex 中名为“displayedFarmer"的对象下的变量. displayedFarmer 将 arrivalDates 作为数组. 我正在使用 mapState 引入 displayedFarmer: 计算:{...mapState(['displayedFarmer']), 我正在使用数据选择器: 如果我使用 dates - 在
..
我的 vue 组件: 提交 我的代码
..
假设我有一个包含 2 个 v-list-group 的 Vuetify 列表,每个列表包含一个 v-list-tile.这是一个简化的伪代码: - Group1- 项目 1 :to='/item1'- Group2- 项目 2 :to='/item2' 我的列表工作正常:如果我点击“Item1",vue-router 会转到“/item1". 相反,当我转到某个路由“/item1"(例
..
我有这个代码
..
我正在尝试将格式化的 HTML 添加到 v 对话框的内部.我里面有一张 v 卡,但我已经把它撕掉了,所以我可以从头开始.这是我目前所拥有的
{{editedItem.Publication}} {{editedItem.Publication}} 包含带有颜色变化和超链接的格式化 HTML.我已经看到在哪里使用 v-card v-text with v-
..
我一直在尝试将带有 axios 的图像上传到外部(laravel)api,但它让我做噩梦. 恢复模板: 创建提供程序
..
我有我的图像属性并在模板中选择: 在方法中,我有方法: click_select(){this.$refs.select.onClick;} 点击图片不做任何事情,也没有错误日志 解决方案 只需为该事件添加一个回调处理程序,例如: this.$refs.select.onCli
..
在我的 AudioPlayer 组件中,我有一个 v-slider更改滑动位置后我无法获得值;-) 数据() {返回 {百分比:0};},计算:{trackProgress:函数(){返回 t
..
我们从某人那里购买了一个用 Vue 编写的网络应用程序,我们正在开发以更改/改进它.我们添加的一件事是 Vuetify,因此我们可以使用 Vuetify 元素,并且在开发模式下一切都运行良好,但是当我们为生产构建时,Vuetify 元素的 CSS 丢失了. 我已经在网上搜索过这个,并且已经尝试了每个人的建议,但没有任何运气. 有人知道什么是错误的,为什么 npm run build 会
..
我的页面由两条路线组成,一条带有主页,另一条带有配置面板. 在我的主页中,我有一个容器,我在其中放置了一些信息,例如日期、时间、当前摄氏度等,在其下有一个容器,您可以在其中放置用户配置的一些日常信息.用户为输入提供了某种文本以及代表超时的第二个值(用户可以决定应该显示多少秒),因此我在 vuex 的帮助下获取信息,因此我将状态设置为值在这些输入中给出的(我得到一个带有字符串的数组(属于文本输
..
我希望 :value 自动从 inputValue.start 更改为 inputValue.end.所以当我点击结束日期时,它应该在第二个文本字段中更新.同样,如果我在第二个文本字段中选择一个日期范围,第一个文本字段也应该再次更新.在这个问题的最后,您可以看到两种情况的结果. P.S.:我使用 Vue.js 的 V-Calendar 插件.vc-date-picker 元素来自这个插件.
..
在我的 vuetify.js 文件中,我添加了以下代码以创建自定义主题颜色: Vue.use(Vuetify, {主题: {主要:“#abd10d",次要:“#5c40c1",}}); 但是,当我将主题应用于网站上的元素时,主题不会更新.主要和次要主题保持其默认颜色. 为什么没有使用我的自定义主题颜色? 解决方案 您需要使用 light(默认)或 dark... Vue.use
..
我有 1 个名为calculator.vue 的组件,在我的 main.js 中有插件代码,如下所示: 从'./App.vue'导入应用程序从 './plugins/vuetify' 导入 vuetify导入“./plugins/vuetify-money.js";从 'vue-meta' 导入 VueMeta从'vue-analytics'导入VueAnalyticsVue.use(VueAn
..
我有一个带有 v 卡的组件.我在卡片标题区域放置了一个简单的按钮.当我单击时,我看到该方法被触发,它显示在控制台中.但是,卡从不滚动.如果我打错了类名,我会收到一个错误,所以 goTo 似乎在做一些事情,因为它没有找到类.没有错别字,没有错误,但卡片正文永远不会滚动. ... gotoSelectedVendor() {//eslint-disable-next-line 无控制台cons
..
我想在 v-data-table 页脚中添加一个类似于此图像的按钮. 问题是,如果表格包含数据,我通常可以添加一个按钮,但是,如果没有数据,则该按钮不会呈现. 代码如下: 按钮
..
我使用的是 Vuetify 2.0.14.我已经关注了这篇文章更改 Vuetify 中的默认字体,并从@tzahi-leh 那里获得了解决方案.但是我看到我的自定义字体部分更改了网页.我知道 Vuetify 有默认的 Roboto 字体,我想改成“Ubunut".我还下载了 Ubuntu 字体系列并放置在 assets/fonts 文件夹中. 我的 App.vue 样式内容 $typoOp
..
我有一个 v-for 循环.循环内部是一个组合框.我在循环中有 3 个项目,所以我有 3 个组合框.当我在一个组合框中键入单词时,它会在其他组合框中显示这些单词. 我知道这与模型和索引有关,但我遇到了困难,需要一些帮助. 这是代码 HTML:
..
我想在 v-data-table 中通过标题拖动列.我已经使用指令/sortablejs 走得很远了,但我无法弄清楚以下几点: 我不确定如何解释 列的数量与 列的数量不匹配的情况.使用 colspan="someNumber" 时可能会发生这种情况 添加新行后,将列拖到新位置时,它不会同步到正确的列. 任何帮助/见解将不胜感激! 我在以下位置有此设置的代码笔:https://c
..