在 Vue 中，当你直接修改一个通过父组件传递下来的 prop 时就会出现这个警告

问题分析：

这个 Vue 的警告信息是提示你不应该直接修改父组件传递给子组件的 prop 值，因为 prop 值是只读的。

解决方案：

通过在data中return一个变量接收父组件传过来的值，然后使用定义的这个变量。

完整代码：

子组件：

export default {
  props: {
    // 文件名称
    fileName: {
      type: String,
      default: "",
    },
  },
  data(){
    return{
      fileNameNew:this.fileName,
    }
  },
  methods:{
    handler(){
      Api().then((res) => {
         this.fileNameNew = res.resultData.fileCode
      })
    },
  },
}

父组件：

<YSImageUpload
 :fileName="form.businessPic"
/>