H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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

回答:

可加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了?

本文地址:H5W3 » vue2.0中 this.$data双向绑定的数据怎么清空?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址