封装一个Element-ui生成一个可行内编辑的表格(vue2项目)

这个封装的是一个供整个项目使用的表格,可多次复用.放在一个全局使用的公共组件文件下.

大致功能介绍,封装自定义指令,点击获得焦点,显示输入框,失去焦点显示文本内容,类型是字典决定类型,图片可以显示图片名还是上传图片

封装一个Element-ui生成一个可行内编辑的表格(vue2项目)_第1张图片

封装一个Element-ui生成一个可行内编辑的表格(vue2项目)_第2张图片 

子组件






父组件

这里还有封装了一个文件上传的组件嵌套在表格中,算是拓展






你可能感兴趣的:(ui,vue.js,elementui)