vue怎么用对话框写修改

可以使用UI组件库中的对话框组件来实现修改功能。以下是一个简单的示例：

1. 安装并导入需要的UI组件库，例如Element UI：

npm install element-ui --save

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

2. 在需要修改的组件中，添加一个按钮，点击按钮弹出对话框：

<template>
  <div>
    <el-button type="primary" @click="showDialog">修改</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <!-- 对话框内容 -->
    </el-dialog>
  </div>
</template>

export default {
  data() {
    return {
      dialogVisible: false,
    };
  },
  methods: {
    showDialog() {
      // 弹出对话框
      this.dialogVisible = true;
    },
  },
};

3. 在对话框组件中，添加表单元素，使用v-model绑定表单数据：

<template>
  <el-form ref="form" :model="formData" label-width="80px">
    <el-form-item label="姓名">
      <el-input v-model="formData.name"></el-input>
    </el-form-item>
    <el-form-item label="年龄">
      <el-input v-model.number="formData.age"></el-input>
    </el-form-item>
  </el-form>
</template>

export default {
  props: {
    visible: {
      type: Boolean,
      required: true,
    },
  },
  data() {
    return {
      formData: {
        name: '',
        age: 0,
      },
    };
  },
};

4. 添加“确认”和“取消”按钮，点击“确认”按钮提交表单数据：

<template>
  <el-dialog :visible.sync="visible">
    <el-form ref="form" :model="formData" label-width="80px">
      <!-- 表单元素 -->
    </el-form>
    <div slot="footer">
      <el-button @click="cancel">取消</el-button>
      <el-button type="primary" @click="submit">确认</el-button>
    </div>
  </el-dialog>
</template>

export default {
  props: {
    visible: {
      type: Boolean,
      required: true,
    },
  },
  data() {
    return {
      formData: {
        name: '',
        age: 0,
      },
    };
  },
  methods: {
    submit() {
      this.$refs.form.validate(valid => {
        if (valid) {
          // 表单验证通过，提交数据
          this.$emit('submit', this.formData);
        }
      });
    },
    cancel() {
      // 取消操作，关闭对话框
      this.$emit('cancel');
    },
  },
};

以上就是一个简单的用对话框实现修改功能的示例。在实际应用中，还需要添加表单验证、提交数据到后端等逻辑。