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

相关推荐
mfxcyh4 分钟前
npm下载离线依赖包
前端·npm·node.js
waterHBO12 分钟前
01 ( chrome 浏览器插件, 立马翻译), 设计
前端·chrome
江城开朗的豌豆26 分钟前
Vue组件CSS防污染指南:让你的样式乖乖“宅”在自家地盘!
前端·javascript·vue.js
江城开朗的豌豆37 分钟前
Vue组件花式传值:祖孙组件如何愉快地聊天?
前端·javascript·vue.js
YuTaoShao40 分钟前
Java八股文——计算机网络「网络攻击篇」
java·开发语言·计算机网络
bubiyoushang8881 小时前
Kotlin中快速实现MVI架构
android·开发语言·kotlin
浩男孩1 小时前
【🍀新鲜出炉 】十个 “如何”从零搭建 Nuxt3 项目
前端·vue.js·nuxt.js
拉不动的猪2 小时前
pc和移动页面切换的两种基本方案对比
前端·javascript·vue.js
Hilaku2 小时前
前端日志调试也能专业化?我们这样设计日志系统
前端·javascript
李杰同志891632 小时前
iOS moya 实现双token 刷新并重试
前端