
iview
喵大叔、
活到老,学到老,学到老,活到老---学无止境
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
iview中使用阿里巴巴矢量图标库扩展Icon
首先在阿里巴巴上选择自己需要使用的字体图标,然后添加至项目,我在这里使用的是font-class引用方式,(阿里巴巴矢量图标库还不会用的自行百度),如图 点击下载后解压 将圈中的文件放入你的项目中,一般放在static中新建个iconfont文件夹,放进去 然后在main.js中引入 import '../static/iconFont/iconfont.css' 然后使用方式 <Icon custom="iconfont iconhexiaoqueren" size="24" /> .原创 2020-09-16 16:21:05 · 887 阅读 · 0 评论 -
iview的走马灯嵌套在模态框中,宽度为0的解决方案
在项目开发中用到了iview的走马灯嵌套在模态框中这种需求,结果发现走马灯图片不显示,打开控制台审查元素发现走马灯的内部盒子width为0,自己感觉在页面初始化的时候,因为模态框初始值为false,所以,走马灯渲染的时候错误的动态计算了宽度,为0,所以解决方案为让模态框和走马灯通过统一状态控制,同时渲染。你可以将Modal 的v-model="imgVisible"这个状态值同步到走马灯的<Carousel v-if="imgVisible"></Carouse>,或者如下,图片集合原创 2020-05-26 11:31:41 · 901 阅读 · 0 评论 -
iview和element中日期选择器快捷选项的定制控件
pickerOptions: { shortcuts: [{ text: '今日', onClick(picker) { const end = new Date(); const start = new Date(); picker.$emit('pick', [start, end]) } }, { text: '昨日',原创 2020-05-22 15:10:14 · 679 阅读 · 0 评论 -
iview的Upload 手动上传
在项目开发中有时需要手动上传图片,而不是选取图片后直接上传,官方文档给了个实例,但却没有给怎么实际手动上传的后续操作,直接上代码 <template> <div> <Upload ref="upload" :before-upload="handleUpload" action=...原创 2020-01-10 12:22:50 · 2211 阅读 · 1 评论 -
格式化传给iview的级联选择器的数据格式
####在 iview-ui中,级联选择器的数据格式是他们限制死的,但是后台伙伴传给我们的数据格式跟要求的格式不一致,只能自己动手去遍历重构数据了,方法如下 // 定义的map为后台返给自己的数据key值,res.data为后台返回的数据,按照下面格式,调用格式化数据的方法 const map = { label: "newsCategoryName", ...原创 2019-12-11 15:23:18 · 662 阅读 · 0 评论