vue中插槽slot的简单用法

父组件中定义好使用的模板

 

子组件中在需要的位置插入

如果父组件引用子组件中存在没有被包裹在具体名称的模板中的内容,会默认插入没有名称的插槽中,如果没有这个插槽,内容不会显示

完整父组件调用子组件代码


        
          

分步表单

讲一个冗长或用户不熟悉的表单任务分成多个步骤,指导用户完成

完整子组件代码


具名插槽v-slot:可以简写为#

 

完成样式

vue中插槽slot的简单用法_第1张图片

你可能感兴趣的:(vue)