欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 美食 > element-ui简单入门1.0.0

element-ui简单入门1.0.0

2024/10/25 16:30:00 来源:https://blog.csdn.net/c_yanxin_ru/article/details/140810120  浏览:    关键词:element-ui简单入门1.0.0

第一篇:table标签速用

总结:建楼前,先打地基<el-table></el-table>,打完地基看高度,一层楼4米,80米20个<el-table-column></el-table-column>,每次楼的名字是label

第一步:全部正确导入element-ui

第二步:来个小demo

        <el-table><el-table-column label="你好"></el-table-column><el-table-column label="我滴小伙伴"></el-table-column><el-table-column label="这是一个小demo"></el-table-column></el-table>

显示效果

过程小总结

这个demo由两部分组成:

外部的内部的<el-table-column></el-table-column>组成

Q:<el-table></el-table>的作用是什么

Q:<el-table-column></el-table-column>的作用是什么

Q:label的属性是什么

A:<el-table></el-table>的作用是什么

此处无el-tabel

          <el-table-column label="你好"></el-table-column><el-table-column label="我滴小伙伴"></el-table-column><el-table-column label="这是一个小demo"></el-table-column>

演示效果如图

null whiter,null whiter,null whiter

加上后效果如图

高楼不能没有地基,不管是人造还是天造,表格不能没有table

A:<el-table-column></el-table-column>的作用是什么

        <el-table><el-table-column label="你好"></el-table-column><el-table-column label="我滴小伙伴"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column><el-table-column label="这是一个小demo"></el-table-column></el-table>

效果:(多到挤在一起了)

楼有多高,层有多少,<el-table-column>

A:label的属性是什么

label属性又有啥用

<el-table><el-table-column label="你好"><span>你好啊</span></el-table-column><el-table-column label="我滴小伙伴"></el-table-column><el-table-column label="这是一个小demo"></el-table-column></el-table>

去除label

      <el-table><el-table-column><span>你好啊</span></el-table-column><el-table-column></el-table-column><el-table-column ></el-table-column></el-table>

每一层楼都有自己的名字,好方便出事溯源,名字

总结:

建楼前,先打地基<el-table></el-table>,打完地基看高度,一层楼4米,80米20个<el-table-column></el-table-column>,每次楼的名字是label

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com