最近在做项目,好几个页面都有文件上传,为了避免代码重复拷贝,提高维护效率,决定封装成组件调用。
如上图所示我将上传照片和文档当成一组来处理。
1.首先在项目中的components文件夹下新建uploadFile.vue文件;
2.在需要引入组件的文件中引入组件,并在components中定义组件;
3.如果需要传递参数给子组件则在标签中定义,如上图中 <upload-file :step="step1"></upload-file>,其中step1就是需要传递的值。
4.子组件接收父组件传的值是通过props接收;
以上为工作简单总结方便以后回顾,写的不好还望多多指教!