ElemeFE / ElemeFE/element

[bug report] El table does not work when using CDN Vue version and webpack mode to compile element UI mode

Open
#20,024 4 comments 1 reaction 0 assignees View on GitHub
stale
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.13.2

### OS/Browsers version
chrome

### Vue version
2.6.11

### Reproduction Link
https://jsfiddle.net/mmx38qxw/

### Steps to reproduce
抱歉,由于重现链接中无法使用 codesandbox 的链接,真正的重现链接在这里:

https://codesandbox.io/s/unruffled-cdn-rvmb7

预览页面:

https://rvmb7.csb.app/

重现 参现链接中 index.html 的写法。

vue 使用 cdn 方式引入, element-ui 使用 webpack 方式编译。
el-table 中的 无法正常显示, 显示的 html 是这样的:

```


table:





```
这个情况常见于未全部使用 webpack 方式开发前端的项目,如 rails 的项目,或者以前维护中的项目。
这些项目在向纯前端的过渡中,会同时将 webpack 编译后的代码引入在原有 html 页面,与原来的旧代码共存。然后就出现这个情况, el-table 无法正常显示的。

同样的代码,在 vue element-ui 均使用 cdn 引入的方式,或者均使用 webpack 的方式都没有问题。

另一个相关的 issue 是这个:
https://github.com/ElemeFE/element/issues/17093

### What is Expected?
el-table 能正常显示

### What is actually happening?
el-table 不能正常显示

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.