vue 封装自定义组件之tabal列表编辑单元格组件实例代码

前端之家收集整理的这篇文章主要介绍了vue 封装自定义组件之tabal列表编辑单元格组件实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue 封装自定义组件@H_404_2@

tabal列表编辑单元格组件

内容" v-loading="editLoading" size="small">
{{cellValue || ' '}}

.taskDetail{ margin-left: 10px; margin-top:10px; } .editInput{ width: 200px; height: 30px; } .el-icon-edit{ margin-left: 20px; } .el-icon-check{ margin-left: 20px; }

这里写图片描述

解释一下:

props:父组件传递给子组件的值;

$emit(‘方法名',数据) 返回父级数据,会触发父组件中调用子组件的方法

父组件中的使用方法

这里写图片描述

1.先将组件import 进来;

2.然后将组件暴露出去,这样父组件就可以用了;

这里写图片描述

总结@H_404_2@

以上所述是小编给大家介绍的vue 封装自定义组件tabal列表编辑单元格组件。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/vue/36578.html

猜你在找的Vue相关文章