问题分析:
这个 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"
/>