关于Vue.js3.0UILibraryelement-plus官网部分Demo失败原因总结

时间：2023-03-31 19:22:23 vue.js

ElementPlus一个Vue.js3.0UILibrary。1.CardCardCardCardBasicDemo-headerfailure失败原因在包含heder的示例代码中，设置header的方式是使用废弃的slot属性语法。//...

解决方案是在向命名槽提供内容时在

注意：v-slot:header可以简写为#header。2、NavMenu导航菜单的所有Demo都失败，原因同上，使用namedslot的地方使用了过时的slot属性语法。

Navigation1Group1...解决办法是在向命名槽提供内容时，在组1...3.Transfer穿梭盒官网目前的状态是控制台报错，页面空白。TransferShuttleBox的可定制Demo-使用scoped-slot自定义数据项失效原因在使用scoped-slot自定义数据项的示例代码中，使用了3.0已弃用的slot-scope属性语法。...

使用scoped-slot自定义数据项

{{option.key}}-{{option.label}}...

该解决方案使用带有值的v-slot来定义我们提供的插槽prop的名称。

使用scoped-slot自定义数据项

{{slotProps.option.key}}-{{slotProps.option.label}}...