按钮特效网站,邮箱网址查询,制作网线的心得体会,建设部网上办事大厅插槽 文章目录 插槽插槽-默认插槽插槽-后备内容#xff08;设置默认值#xff09;插槽-具名插槽插槽–作用域插槽 插槽-默认插槽 作用#xff1a;让组件内部的一些结构支持自定义 需求#xff1a;要在页面中显示一个对话框,封装成一个组件#xff08;对话框有很多功能是类…插槽 文章目录 插槽插槽-默认插槽插槽-后备内容设置默认值插槽-具名插槽插槽–作用域插槽 插槽-默认插槽 作用让组件内部的一些结构支持自定义 需求要在页面中显示一个对话框,封装成一个组件对话框有很多功能是类似的就可进行封装 问题组件的内容部分不希望写死希望能使用的时候自定义。 插槽基本语法: 组件内需要定制的结构部分改用slot/slot占位使用组件时MyDialog/MyDialog标签内部,传入结构替换slot
示例 使用slot占位 在标签内部传入结构
效果 插槽-后备内容设置默认值 前言若是什么内容都不传递那插槽处就是空白的。 插槽后备内容封装组件时可以为预留的slot插槽提供后备内容默认内容。 语法在标签内放置内容作为默认显示内容有值传入那就是值没值传入就是默认值 插槽-具名插槽
需求一个组件内有多处结构需要外部传入标签进行定制
默认插槽一个的定制位置 具体语法 多个slot使用name属性区分名字 template配合v-slot:名字来分发对应标签 v-slot:插槽名可以简化成#插槽名
起别名 引用
插槽–作用域插槽 作用域插槽定义slot插槽的同时是可以传值的。给插槽上可以绑定数据将来使用组件时可以用。 例如表格的渲染 父传子动态渲染表格内容 利用默认插槽定制操作列 删除或查看都需要用到当前项的id属于组件内部的数据 通过作用域插槽传值绑定进而使用 语法 给slot标签以添加属性的方式传值所有添加的属性,都会被收集到一个对象中在template中,通过#插槽名obj接收默认插槽名为default 代码示例 PS 插槽分类 默认插槽(组件内定制一处结构)具名插槽(组件内定制多处结构) 作用域插槽是插槽的一个传参语法
