插件： <template> <Select v-model="selectValue" multiple @on-change="change()" v-bind:style="styleObject" > <Option v-for ...

最近使用iview-admin写了一个后台管理项目，对table这个组件使用的比较多，表格主要内容如下图 新建和修改操作是使用iview组件 model（对话框）内嵌form（表单），可做表单验证 单选、多选、排序、分页、下拉都能通过官网iview table查到，这里有些操作 ...

<Tabs name="tab" value="a"> <TabPane label="标签a" name="a" tab="tab"> <Tabs name ...

使用iview在table中嵌入button是比较常见的需求，但是在table中嵌入input或者select你是否考虑过呢？本文用实例介绍input和select在table中的嵌套。 理解table如何嵌套input、select首先要理解vue的render函数可以参考：vue ...

因为UI设计稿这边与我们使用的iview库中的表格组件样式不统一，所以需要对表格组件的样式进行修改。 修改完成后出现一个问题就是首次进入页面的时候，表格样式会有部分是错乱的，页面刷新一下就恢复正常了，页面也没有报错甚至没有警告。 排查很久发现我对其中一个内边距设置为0造成的，代码如此下 ...

一、Iview Table 组件 多选框选中和禁选设置 Table添加多选框 通过给 columns 数据设置一项，指定 type: 'selection'，即可自动开启多选功能。 正确使用好以下事件，可以达到需要的效果： @on-select，选中某一项触发，返回值 ...

为什么要吐槽iview的table组件呢？ 首先iview的table的使用体验十分的不友好，每次修改数据都会重刷整个表格，性能极差，因为重刷表格会导致自动失焦等问题！ vue不是有diff算法吗？重刷表格数据没有发生变化部分是不会重新渲染的，性能为什么会差呢？ 是的，diff算法 ...

在table组件中，有一个<template slot-scope="scope"></template>，这个模板有一个slot-scope属性，这个属性的作用，等同于我们在给每个组件写CSS的时候，都会加上scoped的作用是一样的。也就是说，使用这样的一个模板，就能 ...