vuetify组件icon不显示问题(v-checkbox,v-radio,v-pagenation等)

蚀窗接口
• 阅读 9189

vuetify真的好多小问题,,,

前面说过,vuetify有icon不显示的问题,我们解决的方式是引入组件:material-design-icons-iconfont

引入改组件之后,正常的v-icon可以展示了,但是还有部分自身的UI组件不展示icon,如下:

vuetify组件icon不显示问题(v-checkbox,v-radio,v-pagenation等)

类似的还有日历的月份前后翻按钮,单选钮等
因为自带的UI组件是默认用的material design的,所以还需要引入对应的mdi,其实官网有说明:

vuetify组件icon不显示问题(v-checkbox,v-radio,v-pagenation等)

手动狗头,所以以后还是要好好读人家的官方文档

本地引入后:

vuetify组件icon不显示问题(v-checkbox,v-radio,v-pagenation等)

页面icon正常了!!!

vuetify组件icon不显示问题(v-checkbox,v-radio,v-pagenation等)

也可能是我一开始引入的material-design-icons-iconfont组件就不对哈哈哈哈
四十五度忧伤哈哈哈哈

点赞
收藏
评论区
推荐文章
Alex799 Alex799
4年前
Vue进阶(幺肆拐):利用Vue中keep-alive快速实现页面缓存
引入场景有时候我们不希望组件被重新渲染影响使用体验;或者处于性能考虑,避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keepalive组件。官网解释:<keepalive包裹动
浩浩 浩浩
4年前
【Flutter实战】图片和Icon
3.5图片及ICON3.5.1图片Flutter中,我们可以通过Image组件来加载并显示图片,Image的数据源可以是asset、文件、内存以及网络。ImageProviderImageProvider是一个抽象类,主要定义了图片数据获取的接口load(),从不同的数据源获取图片需要实现不同的ImageProvi
Chase620 Chase620
4年前
关于:父组件中的子组件中的子组件(孙级)添加数据后怎么样去调用父组件中的方法呢?
1、需求引入image.png这是父组件下的子组件的子组件,一个绑定子设备的弹出窗modal,那么我们怎么样在这个组件中选中子设备后点击确定时去触发父组件的父组件的table列表数据刷新呢?image.pngimage.pngimage.png组件的层级关系.png上述的图示便是部分代码的展示,一般的组件传值有父组件传子组件(
徐小夕 徐小夕
4年前
《精通react/vue组件设计》之5分钟教你实现一个极具创意的加载(Loading)组件
前言本文是笔者写组件设计的第八篇文章,今天带大家用5分钟实现一个极具创意的加载(loading)组件.涉及的核心知识点主要是css3相关特性,如果大家非常熟悉,可直接跳过介绍直接看正文.时刻问自己:是否具备创造力?笔记前端组件的一般分类:通用型组件:比如Button,Icon等.布局型组件:比如Grid,Layout布
Easter79 Easter79
3年前
Taro小程序自定义顶部导航栏
微信自带的顶部导航栏是无法支持自定义icon和增加元素的,在开发小程序的时候自带的根本满足不了需求,分享一个封装好的组件,支持自定义icon、扩展dom,适配安卓、ios、h5,全面屏。我用的是京东的Taro多端编译框架写的小程序,原生的也可以适用,用到的微信/taro的api做调整就行,实现效果如下。!在这里插入图片描述(https://i
Stella981 Stella981
3年前
PhoneGap设置Icon
参考:http://cordova.apache.org/docs/en/latest/config\_ref/images.html通过config.xml中的<icon标签来设置Icon<iconsrc"res/ios/icon.png"platform"ios"width"57"height"57"densi
Wesley13 Wesley13
3年前
Vant Weapp 有赞小程序UI库 ICON 组件的本地图标路径支持
dist或lib组件文件夹下面的:wxs/utils.wxsvarbemrequire('./bem.wxs').bem;varmemoizerequire('./memoize.wxs').memoize;functionisSrc(url){returnurl.indexO
Stella981 Stella981
3年前
ElementUI 不维护了?供我们选择的 Vue 组件库还有很多!
前文回顾:VueSpringBoot前后端分离的商城项目开源啦!(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fhan1034683568%2Fp%2F13496643.html)Vue组件千千万,只要不行咱就换。ElementU
Stella981 Stella981
3年前
JOptionPane修改图标
1.在Linux平台下.JOptionPane会显示Java默认的图标,在window平台不显示图标,如何替换这个图标了?2JOptionPane.setIcon(Icon)修改的是内容区域的icon,而不是左上角的Icon.所以需要通过修改Jdialog/Frame的图标来达到修改默认图标的问题.3.代码:if(JOptio
Stella981 Stella981
3年前
Angular使用总结
  之前自己写的公共组件,都是会先引入,需要调起的时候再通过service控制公共组件状态、值、回调函数什么的。但是有一些场景不适合这种方式,还是动态添加组件更加好。通过写过的一个小组件来总结下。创建组件  场景:鼠标移动到图标上时,展示解释性的说明文字。那就需要创建一个普通的tooltip组件。如下:!(https://oscim
鸿蒙小林 鸿蒙小林
2个月前
《仿盒马》app开发技术分享-- 积分页组件新增(64)
技术栈Appgalleryconnect开发准备上一节我们创建了积分页,给页面添加了标题栏和积分展示的组件。这一节我们继续丰富积分页的内容,添加引导栏,积分明细展示等区域功能分析因为页面的关联不强,我们采用组件引入的方式实现引导栏,同时,在下方继续添加对应