awawa

Appearance

vue/no-deprecated-slot-scope-attribute ​

禁止使用已废弃的slot-scope属性

为什么 ​

在Vue.js 2.6.0+版本中，slot-scope属性已被废弃，继续使用可能会导致代码运行错误。

建议 ​

使用v-slot代替slot-scope。

错误示例 ​

vue
<template>
  <ListComponent>
    <template slot-scope="props">
      {{ props.title }}
    </template>
  </ListComponent>
</template>
<template>
  <ListComponent>
    <template slot-scope="props">
      {{ props.title }}
    </template>
  </ListComponent>
</template>

正确示例 ​

vue
<template>
  <ListComponent>
    <template v-slot="props">
      {{ props.title }}
    </template>
  </ListComponent>
</template>
<template>
  <ListComponent>
    <template v-slot="props">
      {{ props.title }}
    </template>
  </ListComponent>
</template>

参考 ​