Element UI & codepen preview demo bug & solution

Open xgqfrms opened this issue 4 years ago • 2 comments

https://elementui.github.io/issue-generator/#/zh-CN

Issue 预览 Element UI version 2.15.7

OS/Browsers version macOS/Chrome

Vue version 2.6.14

Reproduction Link https://codepen.io/xgqfrms/pen/PoOmpjN?editors=1111

Steps to reproduce open https://element.eleme.io/#/zh-CN/component/button

click 'Try it!' create a codepen demo

the demo not work at all, console get error info:

Uncaught ReferenceError: Vue is not defined at https://cdpn.io/cpe/boomboom/pen.js?key=pen.js-5b5fa04e-e23a-b638-52da-2602754aac7c:1

my solution https://codepen.io/xgqfrms/pen/PoOmpjN?editors=1111

What is Expected? codepen demo work

What is actually happening? codepen demo not work

Feb 10 '22 09:02 xgqfrms

https://github.com/ElemeFE/element/issues/21686

https://github.com/xgqfrms/cdn/blob/gh-pages/element-ui/codepen-demo.md

https://github.com/xgqfrms/cdn/blob/gh-pages/element-ui/2.6.10/readme.md

Feb 10 '22 09:02 xgqfrms

https://cdn.xgqfrms.xyz/vue/2.6.10/vue.js https://cdn.xgqfrms.xyz/vue/2.6.10/vue.min.js

Feb 10 '22 09:02 xgqfrms