用element做了個(gè)對(duì)話框,控制對(duì)話框彈出的visible.sync屬性值由props接收父組件傳來(lái)的值,一開(kāi)始功能正常,但是在點(diǎn)擊關(guān)閉對(duì)話框的時(shí)候會(huì)產(chǎn)生警告,原因是elemen自帶的關(guān)閉按鈕操作了props,遂改變方法使用變量替代props,但是發(fā)現(xiàn)無(wú)法正常切換,求解答<template>
<el-dialog title="收貨地址" :visible.sync="visible">
<el-table :data="gridData">
<el-table-column property="date" label="操作時(shí)間"></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)驗(yàn) 獲得超4個(gè)贊
控制組件顯示的還是用父組件中傳的參數(shù)
<el-dialog title="收貨地址" :visible.sync="dialogTableVisible">
監(jiān)聽(tīng)一個(gè)它的關(guān)閉事件
<el-dialog title="收貨地址" :visible.sync="dialogTableVisible" @close="handleClose">
methods: { handleClose(value){ this.$emit('close', value); } }
父組件中再監(jiān)聽(tīng)子組件emit出來(lái)的close事件
<child @close="handleClose" :dialogTableVisible="dialogTableVisible" /> methods: { handleClose(value){ console.log(value); // 在這里修改 dialogTableVisible 的值 this.dialogTableVisible = value; } }
添加回答
舉報(bào)
0/150
提交
取消