vue 批量清空文本框
vue 批量清空文本框
tianyawhl
发布于 2020-02-28 09:07:00
发布于 2020-02-28 09:07:00
代码可运行
运行总次数：0
代码可运行
在el-dialog 对话框中经常会输入一些信息，但是在关闭的时候我们需要清空输入的信息，如果不清空下次打开信息会存在
数据结构
data() {
return {
message: "1",
testDialog:{
dialogVisible:false,
input1:"",
input2:""
}
};
},第一种方法 ：采用循环方式
clearVirtualDriveclearInfo(obj) {
for (let key in obj) {
if (key != "dialogVisible") {
obj[key] = "";
}
}
},第二种方式 ：采用this.$options.data().testDialog 获取 Vue 实例的初始化数据
this.testDialog = this.$options.data().testDialog // 清空的一种方法
Object.assign(this.testDialog,this.$options.data().testDialog) 清空的另一种方法本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
