行业 网站 方案广告创意设计公司

旧的代码如下：

<template slot="title">{{ item.title }}</template>

{{ item.title }} 是一个模板标签，它在模板中插入了一个元素（slot），并指定了元素的名称为 “title”。这个标签在模板中显示为一个空白元素，可以通过设置其 data 属性来提供内容。

但是会报错：

解决方法：

在Vue.js中，slot是一种分发内容的机制，用于在子组件中插入内容。slot的使用中有一种旧的语法，即在template标签上使用slot属性，这种语法已被弃用。
解决方法是使用新的语法，在插入位置使用slot标签，如下所示：

<template>  <div>    <slot name="title"></slot>  </div></template>

在调用处使用v-slot指令，如下所示：

<my-component>  <template v-slot:title>    {{ item.title }}  </template></my-component>

这样就可以避免slot attributes are deprecated vue/no-deprecated-slot-attribute的警告。

                        
原文链接：https://blog.csdn.net/qq_30503389/article/details/130557761