since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "adRotbotForm" found in ---> <AddDialog> at 这个要怎么修改

这个警告的意思是不能直接修改一个从父组件传递而来的 prop 值，因为这会导致数据不一致和难以维护。可以通过将父组件传递的 prop 值绑定到一个 data 或 computed 属性上，并在内部修改这个属性的值来避免这个问题。

例如，假设你在 AddDialog 组件中有一个名为 adRotbotForm 的 prop，你可以这样做来避免警告：

<template>
  <div>
    <form v-if="showForm" @submit.prevent="submitForm">
      <!-- form fields here -->
    </form>
  </div>
</template>

<script>
export default {
  props: {
    adRotbotForm: Object
  },
  data() {
    return {
      localAdRotbotForm: null // create a local data property
    };
  },
  computed: {
    // use a computed property based on the prop's value
    adRotbotFormCopy() {
      return this.localAdRotbotForm || this.adRotbotForm;
    }
  },
  methods: {
    submitForm() {
      // modify localAdRotbotForm instead of adRotbotForm
      this.localAdRotbotForm = { ...this.adRotbotForm, submitted: true };
      // emit an event to notify the parent component of the change
      this.$emit('update:adRotbotForm', this.localAdRotbotForm);
    }
  }
};
</script>

在这个例子中，我们创建了一个名为 localAdRotbotForm 的本地 data 属性，它的初始值为 null。然后，我们定义了一个名为 adRotbotFormCopy 的 computed 属性，它的值根据 localAdRotbotForm 和 adRotbotForm 的值确定。这样，我们就可以在 AddDialog 组件内部修改 localAdRotbotForm 的值，而不会影响到从父组件传递而来的 prop 值。

在 submitForm 方法中，我们首先将 adRotbotForm 的值复制到 localAdRotbotForm 中，然后修改 localAdRotbotForm 的值，这样就避免了直接修改 prop 值的问题。最后，我们使用 $emit 方法向父组件发送一个名为 update:adRotbotForm 的事件，以便通知父组件更新 prop 值。