关于默认插槽下,作用域插槽获取row属性下面用法正确的是( ) <child> <template slot-scope="obj">{{ obj.row } } </template></child> <child> <template slot="obj">{{ obj.row } } </template></child> <child> <template v-slot:default="obj">{{ obj.row } } </template></child> <child> <template v-slot="obj">{{ obj.row } } </template></child>
时间: 2023-12-07 08:06:10 浏览: 121
js 日期加红代码 适用于各种cms <font color=red>原创</font>
关于默认插槽下,作用域插槽获取row属性,用法正确的是:
```html
<child>
<template slot-scope="obj">{{ obj.row }}</template>
</child>
```
或者
```html
<child>
<template v-slot:default="obj">{{ obj.row }}</template>
</child>
```
这两种写法是等价的,都是使用 `slot-scope` 或 `v-slot` 来定义作用域插槽,其中 `obj` 是自定义的变量名,用于接收父组件传递过来的数据。在模板中,可以通过 `obj` 来访问父组件传递的数据,例如 `obj.row` 就是访问父组件传递的 `row` 属性。注意,这种写法只适用于 Vue.js 2.5.0 以后的版本。
阅读全文