博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
10. solt 插槽
阅读量:5143 次
发布时间:2019-06-13

本文共 937 字,大约阅读时间需要 3 分钟。

solt :

  定义slot:(目的,有配置,没配置走默认)
  引入子组件,如果不定义某个默认的结构或者样式,那么直接写子组件的名称即可
  如果要自定义:
    1.子组件必须为双标签。
    2.子组件内写上自定义的结构或者样式并且加上slot的属性,而这个属性名要对应默认slot的名字
    3.在子组件中,包一个slot的元素,可以任意修改,在slot元素上定义一个叫做name的属性,为了好对应操作
例子:
//DOM部份
//有配置 。显示的内容会按照默认的顺序显示,但内容会显示配置的内容       
修身
      
修脚
      
    
//script 部份Vue.component('ppa',{        template:` //有默认 。 显示的内容会按照默认的顺序显示,但内容会显示配置的内容            
中间的内容
底部的内容
` }); new Vue({ el:'#app' });

 

转载于:https://www.cnblogs.com/MrZhujl/p/10241682.html

你可能感兴趣的文章
为什么要重写hashcode方法和equals方法
查看>>
【Mysql】索引简介
查看>>
[luogu1073 Noip2009] 最优贸易 (dp || SPFA+分层图)
查看>>
IT的灵魂是流程,流程的灵魂是业务,业务的灵魂是战略
查看>>
SQL语句执行与结果集的获取
查看>>
定位问题的利器之strace
查看>>
排序算法
查看>>
ORM框架EF
查看>>
.Net学习笔记----2015-07-02(石头剪刀布)
查看>>
bzoj 3994: [SDOI2015]约数个数和
查看>>
反向树状数组
查看>>
android动画(一)Interpolator
查看>>
关于微软自带的身份和角色验证
查看>>
【产品测评】Android应用商店分析报告——百度应用
查看>>
【Android】Android取消EditText自动获取焦点
查看>>
匈牙利算法---解决最大匹配问题
查看>>
浅拷贝和深拷贝(java)
查看>>
图片延迟加载开源方案-lazysizes
查看>>
树上倍增LCA模版
查看>>
破窗效应
查看>>