![](https://img-blog.csdnimg.cn/20210203214314978.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
总结分享一下在vue学习、工程中遇到的问题和解决方法
团子Y
这个作者很懒,什么都没留下…
展开
-
iview Input 输入一个字符就主动失焦问题的解决
问题:今天在使用iview组件库中的Input时,为组件设置了on-blur事件,但是发现每输入一个字符就会失焦触发on-blur事件,导致输入不断触发验证。解决如下:<FormItem v-for="(inputItem,index) in nodeData.inputs" :key="index" :label-width="10"> <span v-if="!editInputName[index]">{{inputItem.name}}&原创 2021-07-22 19:30:17 · 1527 阅读 · 0 评论 -
iview Select选择器样式的设置
需求:一个可以下拉选择项目的搜索器,根据项目不同使用 input、select、datePicker本来这个需求并不难,只是条件渲染就可以完成了,做的差不多之后发现,逻辑很简单,关键是这样式也太难调了吧!!先看一下最终的成果因为是想要做成一个这个样式,所以select自身的边框和focused、hover的样式都要覆盖掉。这些其实我试了很多办法之后发现,最有用的就是 深度选择器 >>> 和scopescoped 属性是style标签的一个布尔属性。如果使用该属性,则样原创 2021-07-09 19:52:08 · 2565 阅读 · 0 评论 -
vue之ref、$ref
刚开始做前端,在父子组件通信上一直迷迷糊糊,今天遇到了ref突然有点懵,明白之后记录一下防止再懵!父页面如上,点击高级搜索弹出搜索信息modalmodal部分如上,其中TableSearch是自定义组件。所以层级关系如下:此页面 --> modal–>TableSearch页面中ref属性为子组件TableSearch注册引用信息TableSearch中为元素注册引用信息。通过使用ref属性,引用信息就注册在父组件&refs对象上,这样父页面不仅能调用页面中的元素原创 2021-03-05 19:24:02 · 192 阅读 · 0 评论 -
iview组件Form表单---记录一个等待解决的bug
iview表单填写验证完成后,重置清空填入内容后,selsct下拉框触发验证,将变量输出发现为未定义变量,不知道为什么???项目中有几个地方都有使用select但是清空后都有这个问题,目前还没有找到原因,只能清空后赋值上次的内容,等待解答。...原创 2021-03-04 16:52:21 · 215 阅读 · 1 评论 -
v-if 刷新动态刷新失败解决方案
最近在使用Vue完成项目工作时,遇到一个关于v-if刷新的问题来记录一下。背景:根据绑定的Object进行数据回显,同时用户可以修改属性type和value,value的显示方式随type的修改而改变问题:用户在修改type时,value显示方式却不刷新解决方案:在用户修改type后出发事件中,强制刷新组建 <FormItem > <Row> <Col span="8">原创 2020-11-30 10:15:19 · 4539 阅读 · 1 评论