1. 首页
  2. 编程语言
  3. Javascript
  4. v-slot和slot、slot-scope之间相互替换实例

v-slot和slot、slot-scope之间相互替换实例

上传者: 2021-05-04 17:36:12上传 PDF文件 59.65 KB 热度 28次

如果组件文档里面用的是v-slot,而你用的是vue2.6之前的版本,则需要替换v-slot:所以有两种替换方式,注意看两块v-slot有啥不同,你就知道你该怎么用slot-scope和slot来替换文档中的v-slot了。先记录后期再完善,赶项目去了此场景是为了用v-for动态渲染表格的slot可能会这么写但是这样子会报错,因为v-for和slot-scope在同一级。提示在外边包一层< template>,于是你可能改成下面这样,但是也会报错提示< template>template不能写key, 即使没有这个错,表格数据也不会渲染出来,因为这一层没有slot,应该说slot应该是放最外面,同时把:key放里面改成如下有个slot没有渲染的问题好像是因为2个v-for=""里的slotname名字一样了,对的,就是取的临时变量名,修改成不一样的就好了,神奇

下载地址
用户评论