vue2 对话框关闭清空输入框

在 Vue2 中，你可以在对话框关闭时，手动清空组件内部的数据。可以使用 `data` 或 `computed` 来创建数据对象，并在对话框关闭时将其重置为初始值。例如：

<template>
  <div>
    <button @click="showDialog = true">打开对话框</button>

    <dialog v-if="showDialog">
      <input v-model="inputValue" type="text">
      <button @click="closeDialog">关闭对话框</button>
    </dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showDialog: false,
      inputValue: ''
    }
  },
  methods: {
    closeDialog() {
      // 关闭对话框时重置数据
      this.inputValue = ''
      this.showDialog = false
    }
  }
}
</script>

以上代码中，我们使用 `data` 来创建了两个数据对象 `showDialog` 和 `inputValue`，分别表示对话框是否显示和输入框的值。在 `closeDialog` 方法中，我们将其重置为初始值。这样，每次打开对话框时，数据都是空的，可以避免出现数据重复或污染的问题。