vue template slot-scope怎么使用?
时间: 2024-06-04 14:12:48 浏览: 113
vue template中slot-scope/scope的使用方法
可以用来向插槽中传递数据,使用方式是在 slot 标签上使用 slot-scope 属性并指定一个变量名,然后在插槽内容中即可使用该变量名来访问数据。例如:
<template>
<div>
<slot v-bind:user="user">
{{ user.name }}
</slot>
</div>
</template>
<template>
<div>
<my-component>
<template slot-scope="props">
<span>{{ props.user.name }}</span>
</template>
</my-component>
</div>
</template>
当 my-component 渲染时,将会将 user 对象传递到插槽中,并且可以在插槽内容中使用 props 对象访问这个对象的属性。
阅读全文