html使用<el-table-column />时不能正常渲染出页面

一、bug开始了

html 复制代码
<el-table-column prop="date" label="Date" width="180"/>

当使用上述代码进行html渲染时,发现没有正常渲染出想象中的视图,乱七八糟地。

二、bug解决

在IDE中报了如下警告:

Empty tag doesn't work in some browsers

大致意思是有些浏览器不支持这种缩写,应该把它展开,于是改为下面代码,成功运行

html 复制代码
<el-table-column prop="date" label="Date" width="180"></el-table-column>

三、bug重现

上述代码摘自element-plus官网的table示例代码:
https://element-plus.org/zh-CN/component/table.html

相关推荐
鸽鸽程序猿几秒前
【前端】CSS
前端·css
Ajiang28247353042 分钟前
对于C++中stack和queue的认识以及priority_queue的模拟实现
开发语言·c++
ggdpzhk2 分钟前
VUE:基于MVVN的前端js框架
前端·javascript·vue.js
幽兰的天空6 分钟前
Python 中的模式匹配:深入了解 match 语句
开发语言·python
学不会•2 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
Theodore_10223 小时前
4 设计模式原则之接口隔离原则
java·开发语言·设计模式·java-ee·接口隔离原则·javaee
活宝小娜5 小时前
vue不刷新浏览器更新页面的方法
前端·javascript·vue.js
程序视点5 小时前
【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
前端·javascript·vue.js·typescript·vue·ecmascript
coldriversnow5 小时前
在Vue中,vue document.onkeydown 无效
前端·javascript·vue.js
我开心就好o5 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app