npm查看包版本信息 及 表格复用 TypeError: _self.$scopedSlots.default is not a

举报
SHQ5785 发表于 2023/02/16 08:44:33 2023/02/16
【摘要】 一、第一种方式npm view jquery versions这种方式可以查看npm服务器上所有的jquery版本信息; 二、第二种方式npm view jquery version这种方式只能查看jquery最新的版本是哪一个; 三、第三种方式npm info jquery这种方式和第一种类似,也可以查看jquery所有的版本, 但是能查出更多的关于jquery的信息; 四、查看本地下载...

一、第一种方式

npm view jquery versions

这种方式可以查看npm服务器上所有的jquery版本信息;

二、第二种方式

npm view jquery version

这种方式只能查看jquery最新的版本是哪一个;

三、第三种方式

npm info jquery

这种方式和第一种类似,也可以查看jquery所有的版本, 但是能查出更多的关于jquery的信息;

四、查看本地下载的 jquery 版本信息

4.1 第一种方式

npm ls jquery 

(查看本地安装的jQuery),若本地未安装jquery,则返回empty

4.2 第二种方式 (查看全局安装的jquery)

npm ls jquery -g   

五、拓展阅读

一、前言

在使用 elementUIel-table 组件时,表头应用v-if判断来动态显示,正常来说这样的操作是没有问题的,但是如果在这基础上使用 <template slot-scope="scope"> 操作的话,表头一旦切换就会报错,错误信息如下:

_self.$scopedSlots.default is not a function

二、解决方法

当应用v-for或者v-if切换标签,多个相同的标签被渲染时,如果不添加key来区分则会出现元素复用的情况。而原本这些标签都是独立的,故需要添加key来做区分!

可以给包含 <template slot-scope="scope"><el-table-column>标签列加上属性 key 属性。如无唯一标识,可应用:key=Math.random().

三、原理解析

官方提示用key属性管理复用元素
在这里插入图片描述
在这里插入图片描述
注:不推荐使用index作为key,因为这种做法会导致某些节点被错误地原地复用,具体表现如下:

  • 性能损耗:列表渲染时会导致变动项往后的所有列表节点(内容)的更新(相当于key没发挥作用)。
  • 出现错误:某些节点在错误的位置被复用。(例如当列表项中使用到复选框时)

四、拓展阅读

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。