type
Post
status
Published
date
Oct 24, 2023
slug
summary
1024倾情巨献Vue3+element-plus(非脚手架纯html！！！)开发可拖拽表格以及列的动态显示隐藏
tags
Vue
Javascript
category
Vue
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
