vue__具名插槽

  1. 先创建一父组件 redact.vue
  2. 再创建一个 子组件 userRedact.vue
  3. 在 父组件里 引入 子组件 , 并且给 子组件传 值:
    image
    image
  4. 子组件 渲染 父组件 传来的 solot = "right"
    image
  5. 只要 父组件中 使用  slot = "right",  所有的内容都被 渲染到 子组件的 slot    name : right的位置
    image
    这里使用了  父组件 给 子组件传值 :
       5.1 一般请情况下 子组件接受 父组件的值  使用的是  props:['left']
            但是由于有些标签的类型不一样: 如 a, img, 又想接受父组件传来的值
       5.2 这时候就要使用  具名插槽的方式 传 值
posted @ 2020-06-26 11:46  飞鸟和蝉-  阅读(243)  评论(0编辑  收藏  举报