vue2.0中 this.$data双向绑定的数据怎么清空?

新增和编辑是跳转到同一个页面,通过传递的参数来判断是新增还是编辑。
编辑好页面保存,点击新增再跳转到此也面,之前this.$data的数据还在
现在想新增的时候,进入此页面,清空之前的this.$data的数据

阅读 8.1k
5 个回答

可加key来区分

<template v-if="loginType === 'username'">
  <label>Username</label>
  <input placeholder="Enter your username" key="username-input">
</template>
<template v-else>
  <label>Email</label>
  <input placeholder="Enter your email address" key="email-input">
</template>

vue官方文档描述

首先this.$data.key在钩子里调用直接使用this后面跟key名
可以使用生命周期钩子

beforeDestroy(){
    this.key=123
    //some code
}

在该组件销毁前修改data状态

比如说<input v-model="res" />
你每次点击新增的时候在点击事件里加上this.res=''就可以了

Object.assign(this.$data, this.$options.data())

这个应该可以满足楼主的需求

你的同一个页面的组件,使用keep-alive了?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题