Der folgende Fehler ist beim Kapseln des Timepickers von element-ui aufgetreten
[Vue warn]: Avoid mutating a prop directly 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: "value"
(found in <ElInput>)
warn @ vue.js?1a2a:564
(anonymous) @ vue.js?1a2a:2699
reactiveSetter @ vue.js?1a2a:864
updateChildComponent @ vue.js?d304:2468
prepatch @ vue.js?d304:3343
patchVnode @ vue.js?d304:5136
updateChildren @ vue.js?d304:5064
patchVnode @ vue.js?d304:5147
updateChildren @ vue.js?d304:5064
patchVnode @ vue.js?d304:5147
updateChildren @ vue.js?d304:5064
patchVnode @ vue.js?d304:5147
updateChildren @ vue.js?d304:5064
patchVnode @ vue.js?d304:5147
updateChildren @ vue.js?d304:5064
patchVnode @ vue.js?d304:5147
updateChildren @ vue.js?d304:5064
patchVnode @ vue.js?d304:5147
patch @ vue.js?d304:5271
Vue._update @ vue.js?d304:2303
updateComponent @ vue.js?d304:2419
get @ vue.js?d304:2756
run @ vue.js?d304:2826
flushSchedulerQueue @ vue.js?d304:2595
(anonymous) @ vue.js?d304:658
nextTickHandler @ vue.js?d304:605
vue.js?1a2a:564 [Vue warn]: Avoid mutating a prop directly 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: "readonly"
(found in <ElInput>)
Der Kapselungscode lautet wie folgt:
<template>
<p class="block">
<span class="demonstration">時間</span>
<el-date-picker
v-model="date"
type="datetimerange"
placeholder="Select time range">
</el-date-picker>
</p>
</template>
<script>
export default {
name:"timepicker",
data(){
return{
date:this.dateValue
}
},
props: {
dateValue: Array
},
computed:{
}
}
</script>
Wie folgt verwenden:
<timepicker :date-value="date"></timepicker>
Wenn Sie auf die Zeitsteuerung klicken, um die Zeit auszuw?hlen, wird ein Fehler gemeldet. Wenn Sie nicht klicken, gibt es kein Problem.
Bitte lassen Sie mich wissen, wie Komponenten mit dem V-Modell gekapselt werden.
這種錯誤是vue2.0里有的,意思是你修改了父組件傳過來得值,你已經(jīng)使用data代替了,所以不是這個地方出的問題,難道是傳到elementUI時出的問題?你不給date賦值dateValue,用當前頁面自己定義的數(shù)據(jù)呢?還會有這個問題嗎?