iview
神经介质
这个作者很懒,什么都没留下…
展开
-
iview表格表头上添加icon图标
iview表格表头上添加icon图标需求描述: 如图,在表格表头处添加icon图标,并且鼠标悬浮时有提示语。解决方案: 使用iview表格中自带的 renderHeader 函数,其用法和 render 类似,代码:<template> <div> <Table :columns="tableColumn" :data="tableData" class="honorTable"> <template原创 2021-03-02 13:58:04 · 2160 阅读 · 0 评论 -
基于iview组件实现标签选择器单选功能(可点击取消)
基于iview组件实现标签选择器功能功能需求:需要若干选项按钮,选中后将相应的内容显现出来,单选,第一次点击选中,再次点击取消选中。解决思路:使用iview RadioGroup组件可满足点击选中、单选的功能,其余功能进行魔改<RadioGroup v-model="RadioGroupData" type="button" class="recommandStyle" size="small"> <Radio :class="{'cancelSele原创 2020-09-07 11:34:14 · 1964 阅读 · 0 评论 -
iview级联选择器数据量较大时渲染卡顿问题的解决
iview级联选择器数据量较大时渲染卡顿问题的解决问题还原:在抽屉中加载多个级联选择器造成页面渲染卡顿。产品要求级联选择器可以选择任意一级。解决思路:iview提供了load-data属性异步加载子选项。 设置属性 change-on-select 点任何一级都可以选择。产生的新问题:设置属性change-on-select为true时,在编辑页面时只会回显第一级。解决思路:为级联选择器注册 on-visible-change事件,展开和关闭弹框时触发,展开时设置原创 2020-09-07 13:05:40 · 2761 阅读 · 1 评论 -
iview级联选择器多选功能的替代
iview级联选择器多选功能的替代问题描述: iview组件中级联选择器没有提供多选功能, 无法满足需求。解决思路: 1、 第三方组件cascader-multi,可以实现多选功能,但有一些无法解决的问题,比如选择了上个节点中子节点中的内容,再选择当前节点,之前选择的会被清空, 无法满足需求。2、使用iview中的树形控件来实现多选功能。注意点: 1、默认展开所有子节点,要在数据中添加expand字段,并设置为true。2、树形控件设置 multiple、show-checkbox 属性为tru原创 2020-09-07 18:15:17 · 2171 阅读 · 3 评论