![](https://img-blog.csdnimg.cn/20201130110348531.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
VUE
茫茫沧海一云生
凡事看开,一切从容
展开
-
iView/View UI tabs可关闭标签,跳跃关闭会关闭后续所有标签问题。
在使用iview2.0/View UI设计页面时发现需要使用tabs标签进行切换,但是在标签for循环内添加关闭按钮会给用户一种不是同级的感觉,所以打算采用官网的关闭方法,发现点击中间某个标签关闭会联通中间到结尾所有的标签都关闭的bug。在结合他文章后大佬给出答案,我做了尝试,发现并没有改观,但是题主却采纳了,经过仔细代码对比,我发现虽然都是在原标签dom节点进行关闭,但是关闭的方法却不一样。因为添加步骤的内部还有一个3级表单,给人的感觉很容易误解为删除的不是上面的步骤而是下面的3级表单行。原创 2023-04-11 15:57:22 · 492 阅读 · 0 评论 -
iView导航菜单Menu切换后图标不显示的问题处理
因为用惯了vue2.0,所以搭配iView还是使用的ViewUI,结果再想使用切换菜单时发现官方给的例子出现图标不显示的bug,不知道Plus会不会出现这个问题。原创 2022-07-21 10:46:02 · 1512 阅读 · 0 评论 -
View UI中textarea字数统计不变问题
复制以前写的iView前台代码使用,结果发现文本域的数字统计不好使了。遂寻求度娘帮助,然后翻了几页内容,答案都是通过@input方法手动写一个span标签的数字统计网友答案vue:<Input v-model="xxx.requirements" type="textarea" maxlength="1000" show-word-limit @input="descInput" :autosize="{minRo...原创 2022-05-26 17:01:19 · 724 阅读 · 0 评论 -
vue利用for循环切换表单编辑和展示的功能
结果图循环出来的表单可以在edit和view间切换,如果需要单个表单保存就在每个sure按钮加事件~html:<Modal v-model="test111" title="This is test box"> <div v-for="(item, i) in json111" :key="i"> <div v-show="!item.foo" style="margin-top: 15px;border: 1px solid..原创 2021-01-20 16:47:10 · 707 阅读 · 0 评论 -
基于element和swiper重写一个手动轮播图
在element中使用swiper坑太多,于是重写了个手动轮播图,一大五小图片构造展示。本来之前写了个公共demo,后来弄丢了,所以想改显示几个小图片需要手动去js方法里改(注意判断的数字)。具体的原因已经过去两年,已经无法追忆,代码量过多只贴部分关键代码展示~左右滑动使用jquery的animate动画实现,css、js大部分依赖使用的swiper的,部分是手动新增修改的。html部分:<!-- 手写轮播图 --><div class="handSwiper"原创 2020-11-30 15:28:34 · 385 阅读 · 0 评论