位置: IT常识 - 正文
Vue中实现清空数组和清空el-table(vue清空input file的值)
编辑：rootadmin推荐整理分享Vue中实现清空数组和清空el-table(vue清空input file的值)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue清空input file的值,vue清空数组数据,vue清空数据,vue清空数组数据,vue清空form,vue清空数据,vue清空数组数据,vue清空数据,内容如对您有帮助，希望把文章链接给更多的朋友！
要实现的效果是
那么就要用到怎样将这个el-table清空，即在vue中怎样将数组清空。
注：
博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。
实现首先将这个el-table与一个数组实现双向绑定
<el-table v-loading="loading" :data="bcglXiangXiList" :row-class-name="rowClassName" @selection-change="handleDetailSelectionChange" ref="tb" >
这里的:data="bcglXiangXiList"
绑定的是在
bcglXiangXiList: [],
data中定义的数组字段。
然后在点击清空按钮时
这里的:data="bcglXiangXiList"
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDeleteAllDetails" >清空</el-button>对应的方法中
//清空子表数据 handleDeleteAllDetails() { this.bcglXiangXiList = undefined; },直接将此数组重新赋值为undefined
这样就能实现数组和el-table清空了。
当然这是在后面bcglXiangXiList 没有再用到的情况下
如果后面再用到的话直接使用会提示undefined
所以如果后面还用到的话可以
this.bcglXiangXiList = undefined;之后再
this.bcglXiangXiList = new Array();重新new一个空数组。
上一篇：开源项目ChatGPT-website再次更新，累计下载使用1600+(开源项目网站)
