type
status
date
slug
summary
tags
category
icon
password
引入Vue3
以及element-plus
引入官网el-table
的基础示例代码你会发现el-table-column
的width
设置并没有生效,下面是解决的方法,说来也奇怪,将el-table-column
改成v-for
循环展示...哎 你会发现它就正常了
接下来是动态控制显示隐藏列,我们在表格上面添加一个设置的icon
问题又来了,
icon
不显示查看官网使用说明发现需要引入<script src="//cdn.jsdelivr.net/npm/@element-plus/icons-vue"></script>
并注册所有的icon
组件才能政策显示
完整代码
最后进行列拖拽功能的开发,需要引入插件Sortable
最后分享一下在html
文件中引入.vue
文件的组件
需要引入
vue3-sfc-loader.js
- 作者:IMyself
- 链接:https://blog.lmyself.top/article/c220a9c5-1374-44fc-8ffa-aa6eed8c0ed9
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
相关文章