码迷,mamicode.com
首页 > 其他好文 > 详细

vue__具名插槽

时间:2020-06-26 12:56:13      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:border   位置   href   tps   EDA   ref   idt   play   rop   

  1. 先创建一父组件 redact.vue
  2. 再创建一个 子组件 userRedact.vue
  3. 在 父组件里 引入 子组件 , 并且给 子组件传 值:
    技术图片
    技术图片
  4. 子组件 渲染 父组件 传来的 solot = "right"
    技术图片
  5. 只要 父组件中 使用  slot = "right",  所有的内容都被 渲染到 子组件的 slot    name : right的位置
    技术图片
    这里使用了  父组件 给 子组件传值 :
       5.1 一般请情况下 子组件接受 父组件的值  使用的是  props:[‘left‘]
            但是由于有些标签的类型不一样: 如 a, img, 又想接受父组件传来的值
       5.2 这时候就要使用  具名插槽的方式 传 值

vue__具名插槽

标签:border   位置   href   tps   EDA   ref   idt   play   rop   

原文地址:https://www.cnblogs.com/cl1998/p/13194301.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!