今天遇到一個錯誤,總結一下發現這個錯誤的錯誤點都是大同小異,粗心導致的
//父組件
<new v-model="newVisble" v-if="newVisble"></new>
<script>
data(){
return {
newVisble: false,
}
}
</script>
//子組件
<el-dialog :title="title" :visible="value" :before-close="closeDialog">
</el-dialog>
<script>
props: {
value: {
type: Boolean,
default: false
},
},
methods: {
closeDialog() {
this.$emit('input', false)
},
}
</script>
我的錯誤是:visible="value"沒有寫成雙向綁定的形式,寫成了visible="value",這種問題本來應該不會出現的,給自己一巴掌,
一般這種錯誤的導致的原因都是需要采用雙向綁定模式,但是你沒有。
