vue.js slot-scope 取值

最新推荐文章于 2024-04-25 13:56:55 发布

caisense

最新推荐文章于 2024-04-25 13:56:55 发布

阅读量4.4k

点赞数 1

分类专栏：前端

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

版权

前端专栏收录该内容

6 篇文章

订阅专栏

错误：

<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项前面都应该加冒号