vue 使用v-if多次调用同一组件 created钩子只创建了一次

Question

<p id="carContainer" style="position:absolute;top:110px;right:15px;" v-if="this.currentMethod==='carMgr'">
        <windows selfid="carWin" title="警车管理">
           <car-mgr></car-mgr>
        </windows>
    </p>
    <p id="videoContainer" style="position:absolute;top:110px;left:5px;" v-if="this.currentMethod==='videoMgr'">
        <windows selfid="videoWin" title="摄像头管理">
            <video-mgr></video-mgr>
        </windows>
    </p>
    <p id="signalContainer" style="position:absolute;top:110px;left:5px;" v-if="this.currentMethod==='signalMgr'">
        <windows selfid="signalWin" title="信号机管理">
            <signal-mgr></signal-mgr>
        </windows>
    </p>

windows组件的created钩子只调用了一次，本来是想通过v-if分别生成并控制3个windows组件的显隐。

Answer 1

可以考虑用vue-roater