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

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

你可能感兴趣的:(vue的iview框架中可编辑表格的jsx的写法)