the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5.

最新推荐文章于 2024-04-07 00:05:51 发布

Little_Pig_Bug

最新推荐文章于 2024-04-07 00:05:51 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： scope slot

本文链接：https://blog.youkuaiyun.com/Little_Pig_Bug/article/details/81482765

vue 专栏收录该内容

25 篇文章

订阅专栏

本文解决了一个在使用VSCode运行Vue项目时遇到的问题：由于版本更新导致的scope属性废弃问题。作者发现自己使用的Vue版本为2.5.2，在此版本中scope已被slot-scope替代。通过修改代码中的scope为slot-scope，成功解决了报错问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前用vscode运行vue项目，在vscode里面报错
(Emitted value instead of an instance of Error) the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5. The new "slot-scope" attribute can also be used on plain elements in addition to <template> to denote scoped slots.
但是项目能跑起来，不过控制台有警告:

后来我发现自己的vue是2.5.2版本的,而在2.5+的是不支持scope,而改用slot-scope。改完之后就发现没任何问题了，

正确代码

 <template slot-scope="scope">
                      <span @click="toDeep(scope.row.areaname,scope.$index)" :class="{'isBlue':scope.row.areaname != '全国' && scope.row.areaname != '浙江全省' 
                                    && scope.row.areaname != '浙江浙中' && scope.row.areaname != '浙江杭嘉'
                                    && scope.row.areaname != '江苏全省' && scope.row.areaname != '江苏苏北'}">
                                    {{ scope.row.areaname }}
                      </span>
                </template>