vue的iview框架中可编辑表格的jsx的写法

为啥要用jsx去写

因为iview Table中的render的写法如果在表格中的数据展示效果较复杂时，代码量及阅读友好度非常不尽人意。
故考虑使用jsx来实现

需要注意的点

如果使用vue-cli2.0构建的项目,使用jsx需要按 这里的方法引用包,才能使用
如果使用的vue-cli 3.0构建的,则不需要配置,直接使用即可

另外, 在webstorm中开发时可能会出现eslint语法检查报错的问题
解决办法：在script标签上添加 type='text/jsx', 如下：

render: (h, params) => {
     return 
aaaaaaa
 // eslint 会提示格式错
 }

解决方法：

具体实现

git地址

最后效果图

image

以上就是具体的实现过程，
第一次写,如果有不对的直接指出，非常感谢