您的当前位置:首页正文

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

2024-11-23 来源:个人技术集锦

问题分析:

这个 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"
/>

显示全文