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

Question

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

Answer 1

可加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官方文档描述

Answer 2

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

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

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

Answer 3

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

Answer 4

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

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

Answer 5

你的同一个页面的组件，使用keep-alive了？