<transfer-component
:visible.sync="transferVisible"
></transfer-component>
通過transferVisible來控制組件的顯隱
在組件中
<template>
<el-dialog class="transferDialog"
title="工單轉(zhuǎn)接"
:visible.sync="visible"
:close-on-click-modal="false"
center>
// ...
<el-row slot="footer">
<el-button @click="$emit('update:visible', false)">取消</el-button>
visible作為組件的props存在
此時套蒂, 直接點擊右上角的關(guān)閉按鈕會報錯茫蛹, 沒有截圖, 大概就是說父組件每次render都會覆蓋子組件props中visible屬性的值骨坑,所以 visible 應(yīng)該作為data或computed中的屬性柬采, 而不是props
直接點擊右上角的關(guān)閉按鈕時沒有通知到父組件去改變visible
試著在@close事件中通知父組件,但還是一樣的報錯
正確做法是在beforeClose方法中通知父組件去改變visible的值
需要注意的地方
1粉捻, beforeClose的寫法是
:before-close="beforeClose"
它是一個方法肩刃,但前面用的引號 : 而不是@(...)
2, 它只接受函數(shù)名盈包,不接受js語句