element-ui的slot="append"什么意思

<el-button slot="append"></el-button> 里的 slot="append"

还有另一个
<el-steps finish-status="success"></el-steps> 里的 finish-status="success"

这是几个意思
公司网络上不了element
只能做伸手当了,求教,跪谢

阅读 23.4k
5 个回答

上面的都讲复杂了,

<el-button slot="append"></el-button> 里的 slot="append"

你去掉这个 slot=“append” , 看看页面效果,就明白了, 就是一个UI摆放的位置, 还可以改为 prepend,就明白了。。。

就是一个万能胶似的东东, 可以贴在任意的view 的<></>里面, 做补充

只能给你这个答案了。看看吧
官方文档slot解释:传送门

slot是干嘛的你知道吧?
slot内容分发,如果父组件调用时没有传递childer则渲染子组件预设好的slot标签内的内容,如果传递了子组件的slot标签则替换成你传递的。

而当子组件有多个slot的时候,可以使用具名slot就比如<el-button slot="append"></el-button>,那子组件中的name是append的slot则显示为你传递的这个el-button

这是elementUI的复合型输入框,使用了vue的具名插槽,传送门

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题