近日由于某种原因我从iview框架换到了element-ui,虽说大抵相同,但是还是有某些组件上面让我很不适应,比如table组件在element中是没有vue的render功能,在处理一些简单的转化时,可以用template。
但是处理一些稍复杂的交互时,就感觉无从下手。比如在cell里插入input或者radio之类的组件,并获取所填结果进行验证交互的情况。
所以我决定对el-table进行二次封装,网上看了一些其他的,我觉得比较繁琐,还有的对table组件重写,这样开发就慢了。
使用:
-
注册全局组件
// main.js import Vue from "vue"; import MyColumn from "./components/MyColumn"; ··· Vue.component("MyColumn", MyColumn);
-
引入组件
<el-table :data="tableData" border size="mini"> <div v-for="item in col">