diff --git a/website/components/demo-block.vue b/website/components/demo-block.vue
index 4daa06d4c9..c56d0c3ae9 100644
--- a/website/components/demo-block.vue
+++ b/website/components/demo-block.vue
@@ -166,7 +166,7 @@ export default {
     goCodepen() {
       // since 2.6.2 use code rather than jsfiddle https://blog.codepen.io/documentation/api/prefill/
       const { script, html, style } = this.codepen
-      const resourcesTpl = '<scr' + 'ipt src="//unpkg.com/vue@next"></scr' + 'ipt>' +
+      const resourcesTpl = '<scr' + 'ipt src="//unpkg.com/vue@3.0.3/dist/vue.global.js"></scr' + 'ipt>' +
         '\n<scr' + `ipt src="//unpkg.com/element-plus/lib/index.full.js"></scr` + 'ipt>'
       let htmlTpl = `${resourcesTpl}\n<div id="app">\n${html.trim()}\n</div>`
       let cssTpl = `@import url("//unpkg.com/element-plus/lib/theme-chalk/index.css");\n${(style || '').trim()}\n`