vue:请教这里的【slot-scope="scope"】【slot-scope="props"】有何区别?

<template>
    <div>
        <el-table :data="students">
            <el-table-column prop="id" label="编号">
                <template slot-scope="scope">{{scope.row.id}}</template>
            </el-table-column>
            <el-table-column prop="name" label="姓名"></el-table-column>
        </el-table>
    </div>
</template>
 
<script>
export default {
    data() {
        return {
            students: [
                { id: 1, name: 'Jack' },
                { id: 2, name: 'Tim' },
                { id: 3, name: 'Lucy' }
            ]
        }
    }
}
</script>

![clipboard.png](/img/bVbvaqQ)

将slot-scope="scope"替换为slot-scope="props"显示效果没有区别。
请教这二者不都是获取当前table的数据吗?有何区别,谢谢:)

阅读 7.9k
3 个回答

这个语法已经被废除了,用用就行了

没啥区别,只是一个临时的变量名罢了。

clipboard.png

类似别名,随意取,当然取名可读性很重要

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题