iView
关注
分享
扫一扫
池中飞雪
这个作者很懒，什么都没留下…
展开
-
iview表单校验上传图片成功后，提示文字不消失
最近做的项目中有直播和课程后台管理模块，遇到一个bug，其中有个功能是上传直播图片和直播附件，而且都是必填项。用的框架是vue+iview，用Form表单验证，对必填项做校验。当不填写时点提交会出现红色提示文字，但是当图片上传成功后，提示文字并不会消失。尝试在自定义校验中进行判断如果图片变量有数据就不提示，但是不管用。最后发现在图片上传成功的组件里需要把数据返回到父页面，父页面接收到...原创 2019-05-30 11:12:38 · 5128 阅读 · 0 评论 -
iview组件的Table表格的内容过多时，显示title提示
在iview的Table表格中，如果数据超出当前列的宽度，多余的部分会折行显示，使得该行的高度增加。为了实现*文本将不换行，超出部分显示为省略号的效果，iview提供了表头属性ellipsis。然而这个属性却有一个弊端，就是显示为省略号的部分对用户来说是不可见的，非常影响体验，而且在iview文档中，作者并未给出任何解决办法。最简单的解决办法是给相关数据增加title属性，使得鼠标移入时...转载 2019-05-28 18:16:02 · 2789 阅读 · 0 评论 -
大小不一样的图片随着盒子大小自适应
前提：vue+iview做后台管理系统需求：页面一行有固定的4张卡片，每张卡片里有图片，图片是从后台系统中上传的，大小不固定，要卡片中的图片高度随着屏幕大小自适应小屏幕效果：大屏幕效果：解决方法有两种：1. 利用@media媒体查询做。① 在index.html中加入meta标签 <meta name="viewport" content="width=dev...原创 2019-06-20 18:37:00 · 6179 阅读 · 0 评论 -
iview关闭抽屉弹层时清空Select弹框高亮样式
用iview做后台管理系统，首页数据列表页，点击新增按钮会弹出一个弹层，那个弹层用的是iview里的Drawer抽屉组件，里面的下拉框都是iview里的select组件，在新建完一条以后，再次打开下拉框里还会遗留上次选择过的样式，后来才知道需要用到一个方法clearSingleSelect。解决方案：在Select元素上定义一个ref属性，取到Select框，在点击取消时的...原创 2019-06-11 17:20:15 · 1524 阅读 · 0 评论 -
vue+iview实现拼音、首字母、汉字模糊搜索
最近项目做的后台管理系统中，要求实现一个支持拼音、首字母和汉字模糊搜索的下拉框。项目是用vue+iview做的，iview中有select远程搜索。但是，iview框架也有弊病就是会将输入框中的输入值进行过滤，如果你搜英文的，ok是可以实现的，看人家例子准备的数据也是英文的，但咱要求的是中文也能搜索，首字母和拼音都支持。 输入中文，因为框架中是根据value取值的...原创 2019-07-01 15:05:22 · 8664 阅读 · 2 评论 -
iview表格处理后台返回的字符串
在用vue+iview做的一个项目中，后台给我返回一个名称和费用拼接的字符串，我在iview的表格中显示出来，并且要让折行显示或者是加四个空格显示。发现后台给我加上的空格在前端根本显示不出来，还得自己处理。效果图：后台返回数据：typeList: " 图文咨询 (0.01) 视频会诊 (0.02)"解决思路：拿到后台给的属性，先把把字符串用空格分隔成数组，取到自己...原创 2019-08-29 10:53:23 · 1712 阅读 · 0 评论