vuetify.js相关内容

如何在Vuetify中添加自定义SVG图标-Vue

我正在使用vuetify 1.1.8和vue 3.0.0-rc.3.我正在尝试使用我设计的项目中的一些自定义SVG图标,而不是vuetify 支持的Material Icons或FontAwesome Icons中的默认图标. 我尝试使用vue-svg-loader加载我的自定义svg图标,并将其用作组件.像这样 ..
发布时间:2020-08-06 05:01:50 其他开发

更改vuetify中的默认字体不起作用(vue-cli 3)[Vuetify 1.X]

我知道问题 change-default-font-in-vuetify 在SO中,但是它没有解决我的问题,因为它是在vue-cli-3出现之前发布的,因此那里的想法不适用于此,到目前为止,我的尝试是这样的: -vue create fooproject(使用默认配置,但是即使我不使用默认配置,而是选择项目中想要的内容,并手动选择css-preprocessor作为手写笔,它也不起作用) -v ..
发布时间:2020-08-06 03:35:47 其他开发

Vuetify:如何在v-select组件中指定所选项目的背景色

我在Vue应用程序中有一个v-select小部件(组合框/选择).当我打开它并将鼠标悬停在一个选项上时,该选项的背景色突出显示(当前为浅灰色).当鼠标箭头悬停在选项上时,我希望背景色具有不同的颜色.我看不到支持此功能的v-select小部件的属性.有没有办法做到这一点? v-select::hover { background-color: "#00857A"; } ..
发布时间:2020-07-26 06:21:52 其他开发

如何动态加载CSS文件

我们正在为我的应用程序使用 Vue.js 和 Vuetify .作为我的应用程序的一部分,我将基于该API响应在页面加载时进行API调用,整个应用程序将呈现所有组件.作为此API的一部分,我将获得名为 cssDirection 的属性,它会告诉假定要加载LTR或RTL的哪个CSS文件. 当我在Angular工作时,我们使用了现在我的问题是,有什么解决方法可以在Vue中代替上述方法吗?我用谷歌 ..
发布时间:2020-07-19 07:23:07 前端开发

如何将vuetify添加到默认vuepress主题

是否可以将vuetify添加到默认的vuepress主题? 我只需要在默认主题中添加一些组件,但是最好使用vuetify处理组件中的表单. 我找到了使用vuetify的自定义vuepress主题,但是我更喜欢使用默认的vuepress主题. 另一个选择是弹出默认主题并将其添加到其中.但是我宁愿不弹出默认主题,而只是向其添加vuetify. 解决方案 oscarteg 吸引 ..
发布时间:2020-07-14 01:24:40 其他开发

不建议使用的警告:不推荐使用Tapable.plugin.在.hooks上使用新的API代替

我尝试运行“> Vuetify VueJS Cordova示例 ,但出现此错误在npm run dev 之后 节点build/dev-server.js 正在启动开发服务器...(节点:1024)弃用警告:不推荐使用Tapable.plugin.在.hooks上使用新的API (节点:1024)不建议使用警告:不推荐使用Tapable.apply.称呼 直接在插件上应用 如何解 ..
发布时间:2020-06-20 19:08:42 前端开发

Vuetify:油门/反跳v自动完成

我正在使用带有远程数据的Vuetify自动完成功能,并且我希望限制/消除API调用(当用户在自动完成功能中键入文本时,等待500毫秒以调用API)。我该怎么做? 我看到了有关 debounce-search 属性的Stack OverFlow帖子,但没有 解决方案 您可以在此属性上添加反跳功能进行API调用的函数。可以使用 setTimeout 实现防抖code> 和 clearTi ..
发布时间:2020-06-11 18:43:59 前端开发

Vuetify-列表菜单激活器可见性切换

当鼠标悬停在卡片标题上时,我有3张卡片,其中显示了arrow_down图标&我可以单击它,它是带有删除功能的下拉菜单,当我将鼠标悬停在v-card-title上时,它会显示该图标,但是单击后,在下拉菜单上单击鼠标,arrow_down图标就会消失, 如何正确实施呢? https://codepen.io/sharon-the-encoder /pen/WLWyoG?editors = 001 ..
发布时间:2020-05-12 19:15:03 其他开发

如何在VueJS Webpack项目中使用Modernizr

有人在VueJs Webpack项目中有一个简单的教程来捆绑和使用Modernizr吗? 我将VueJS的默认Webpack项目与monofile组件一起使用. 我希望所有东西都捆绑在一起. 为了精确起见,我想以大多数形式使用inputtypes.date,并避免在支持日期选择器的移动浏览器中显示vuetify日期选择器. 解决方案 我没有使用过modernizr,但是根据我使 ..
发布时间:2020-05-10 19:55:22 其他开发

如果数据出现在屏幕上(VUE),如何调用方法?

我的情况是这样的: 如果我搜索数据,它将显示所有数据医生.但是对于有空的日子,我想单独进行.显示完所有医生的数据后.我想为异步调用可用方法或调用api以显示可用日期.当医生数据出现在屏幕上时,将运行该可用日期.因此,当医生的数据出现在屏幕上时,它将调用可用的日期.如果用户向下滚动,它将在另一天打电话给医生 我的代码是这样的: ..
发布时间:2020-05-03 03:31:47 前端开发

如何防止在Vue/Vuetify应用中缩放传单地图的大小

在使用Vuetify框架的Vue.js应用程序中,Leaflet映射出现问题. 我试图使地图占据全屏(顶部导航栏除外),但是当我单击缩放按钮时,地图会在页面内垂直调整自身大小/位置. 这是来自JSFiddle的两个相同问题的屏幕快照,显示在前面: 及之后(请注意地图的向上移动,将导航按钮的一部分隐藏在导航栏下方): 据我所知,之所以出现此问题,是因为Vuetify框架在地图 ..
发布时间:2020-04-30 09:09:06 前端开发

如何使用vuetify数据表显示数组的索引?

我从服务器收到响应,该响应将数据数组传递给我的vue实例.我已经使用该数组完成了数据表.但是我只需要知道如何显示序列号的数组索引即可. 我在这里附加我的组件代码 我的响应还可以,表格也可以.我只需要再增加一列并在其中显示索引值即可. 提前打个电话 我的阵列名称是客户. ..
发布时间:2020-04-28 05:07:11 前端开发