awawa

Appearance

vue/no-deprecated-slot-attribute ​

禁止使用已废弃的slot属性

为什么 ​

在Vue.js 2.6.0+中，slot属性已被废弃，使用它可能会导致代码的兼容性问题。

建议 ​

使用v-slot代替slot。

错误示例 ​

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

正确示例 ​

vue
<template>
  <ListComponent>
    <template v-slot:name>
      {{ props.title }}
    </template>
  </ListComponent>
</template>
<template>
  <ListComponent>
    <template v-slot:name>
      {{ props.title }}
    </template>
  </ListComponent>
</template>

参考 ​