用element做了個對話框，控制對話框彈出的visible.sync屬性值由props接收父組件傳來的值，一開始功能正常，但是在點擊關(guān)閉對話框的時候會產(chǎn)生警告，原因是elemen自帶的關(guān)閉按鈕操作了props，遂改變方法使用變量替代props，但是發(fā)現(xiàn)無法正常切換，求解答<template>
<el-dialog title="收貨地址" :visible.sync="visible">
<el-table :data="gridData">
<el-table-column property="date" label="操作時間"></el-table-column>
<el-table-column property="name" label="操作人"></el-table-column>
<el-table-column property="detail" label="操作內(nèi)容"></el-table-column>
</el-table></el-dialog></template><script>
export default{ props:['dialogTableVisible','gridData'],
data(){ return { visible:this.dialogTableVisible
}
}
}</script>
1 回答
瀟瀟雨雨
TA貢獻(xiàn)1833條經(jīng)驗 獲得超4個贊
控制組件顯示的還是用父組件中傳的參數(shù)
<el-dialog title="收貨地址" :visible.sync="dialogTableVisible">
監(jiān)聽一個它的關(guān)閉事件
<el-dialog title="收貨地址" :visible.sync="dialogTableVisible" @close="handleClose">
methods: {
handleClose(value){ this.$emit('close', value);
}
}父組件中再監(jiān)聽子組件emit出來的close事件
<child @close="handleClose" :dialogTableVisible="dialogTableVisible" />
methods: {
handleClose(value){
console.log(value); // 在這里修改 dialogTableVisible 的值
this.dialogTableVisible = value;
}
}添加回答
舉報
0/150
提交
取消