Slot 分发内容

本文待修改

需要做个页面,涉及 查看编辑,来列一下流程:

  1. 路由传 Id 过来,捕获 Id
  2. 使用 Ajax 获取这个 Id 的详细信息
  • beforeSend:设置加载中提示
  • success:
    • res.status === true:得到返回信息 res.data
    • res.status === false:显示错误信息 res.message,终止流程
  • complete:清除加载中提示
  • error:显示错误信息,并清除加载中提示,终止流程
  1. 根据 res.data 渲染页面

整个流程中只有步骤 3(渲染页面)这一块不一样,其他流程都是相同的。做两个组件,copy 一次代码?

  • 你要脸吗?
  • 又不能靠脸能吃饭,要脸干啥......
  • ...- -|||

可以写一个组件,内置 slot ,把重复部分都做了,props 传给 slot

—— 2017/03/28 By Live, in a rush

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 使用slot分发内容 使用一种方式混合父组件的内容与子组件自己的模版,这个过程被称为“内容分发”。在子组建中使用特...
    我是白夜阅读 1,638评论 0 50
  • slot分发内容 不具名slot用来备用插入,子组件只有不具名的slot时候,父组件才回调用slot内容,如果子组...
    淡然7698阅读 226评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,705评论 25 709
  • github地址,欢迎大家提交更新。 express() express()用来创建一个Express的程序。ex...
    Programmer客栈阅读 2,621评论 0 1
  • 七夕给自己一个懒得做饭的理由,拉着小张同学吃了最喜欢的寿司,饱腹以后,顿时觉得世界一片美好,没出息的人啊。没...
    溪呢喃阅读 134评论 0 0