vue.js slot-scope 取值

最新推荐文章于 2024-08-06 23:55:35 发布

caisense

最新推荐文章于 2024-08-06 23:55:35 发布

阅读量4.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/u012033124/article/details/95485521

前端专栏收录该内容

6 篇文章

订阅专栏

博客指出在使用slot-scope取值时，取值表达式xxx.row.yyy项前面都需要加冒号，并通过列举错误与正确示例进行说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误：

<template slot-scope="scope">   <!-- 取值必须用slot-scope -->
	<i class="scope.row.isWork === '是' ? 'el-icon-circle-check' : 'el-icon-circle-close'"></i>
</template>

正确：i class之间加冒号

   <template slot-scope="scope">   <!-- 取值必须用slot-scope -->
    	<i :class="scope.row.isWork === '是' ? 'el-icon-circle-check' : 'el-icon-circle-close'"></i>
   </template>

错误：

<template slot-scope="props">
    <el-form label-position="left" inline class="demo-table-expand">
         <el-radio  v-model="radio" label="props.row.sex">男</el-radio>
         <el-radio  v-model="radio" label="props.row.sex">女</el-radio>
    </el-form>
</template>

正确："radio" 和label之间加冒号

<template slot-scope="props">
    <el-form label-position="left" inline class="demo-table-expand">
             <el-radio  v-model="radio" :label="props.row.sex">男</el-radio>
             <el-radio  v-model="radio" :label="props.row.sex">女</el-radio>
    </el-form>
</template>

总结：用到slot-scope取值时，取值表达式xxx.row.yyy项前面都应该加冒号