原文:vue中具名插槽的使用

lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt title gt Vue中的具名插槽的使用 lt title gt lt head gt lt script src https: cdn.jsdelivr.net npm vue . . dist vue.js gt lt script gt l ...

2019-02-26 14:26 0 708 推荐指数:

查看详情

vue-具名插槽使用

  在上一篇讲了插槽的基本使用,但是现在又有了新的需求了,一个组件中有3个插槽,只想替换中间的插槽,另外两个默认即可,那该如何替换呢?具名插槽就派上用场了,说简单点就是给插槽取个名字,当插入元素的时候说明要插入的是哪个插槽即可,代码如下:   当<span>不指定 ...

Fri Mar 26 18:56:00 CST 2021 0 249
Vue的slot,作用域插槽具名插槽

1、具名插槽 有时候我们希望在指定的位置输出我们的子元素,这时候具名插槽就排上了用场。 //组件调用时<MyFooter v-red :age.sync="age">   <template v-slot:footer>   //这里v-slot:后边的值与组件 ...

Sun Mar 07 03:57:00 CST 2021 0 452
vue具名插槽

具名插槽   具有名字的插槽slot使用 的 "name" 属性绑定元素   注意:     1,如果没有匹配到 则放到匿名的插槽     2,具名插槽的渲染顺序,完全取决于模板,而不是取决于父组件中元素的顺序 ...

Fri Nov 13 01:13:00 CST 2020 0 1035
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM