求指导： Vue SFC Playground 中如何搭建 Element Plus的Demo？？？

  • Z时代
  • 2024-02-05
  • 分类：IT

Vue SFC Playground 中如何搭建一个ELement Plus的演示项目啊。 必须是 使用Vue SFC playground搭建，不要用 Element 官方的plaground

这是我的Demo

1.上面这个demo中 Element Plus的组件渲染不出来为什么？

  1. Vue SFC 中如何引入一个 Element Plus的css？

==============================
现在已经解决了
新的 demo 链接

新demo

1.import map导入 element-plus
2.组件注册 use(element-plus)
3.样式引入 @import url

回答：

<script setup>
...
import {ElDatePicker} from 'element-plus' 
...
</script>
<style scoped>
    @import url("https://unpkg.com/element-plus@2.4.3/dist/index.css");
</style>

回答：

Vue SFC Playground 运行在浏览器里，所以支持 ESM，所以如果你能找到支持 ESM 版本的 element-plus，那么自然也就可以在 SFC 里跑起来。

我以前有做过一些关于 SFC Playground 的视频，你有兴趣可以看一下：https://space.bilibili.com/7409098/channel/collectiondetail?s...

至于你的 demo，我觉得有几个问题：

  1. import 里面不应该插入其它代码
  2. 因为你无法控制 app，所以最好都只用局部注册的组件
  3. 所以你的 import element+ 肯定有问题
  4. 确认一下远程代码能正常加载

以上是 求指导： Vue SFC Playground 中如何搭建 Element Plus的Demo？？？ 的全部内容， 来源链接： utcz.com/p/935235.html

回到顶部