vue2.0一切换路由 再次切换回去就不显示了

[lcwh52]

trafficstars

vue2.0一切换路由 再次切换回去就不显示了

<vue-advanced-chat height="100%" theme="dark" :room-id="roomId" :current-user-id="currentUserId" :text-messages="JSON.stringify(textMessages)" :loading-rooms="loadingRooms" :rooms-loaded="roomsLoaded" :messages-loaded="messagesLoaded" show-audio="false" :rooms="JSON.stringify(rooms)" :messages="JSON.stringify(messages)" @fetch-more-rooms="fetchMoreRooms" @fetch-messages="fetchMessages($event.detail[0])" @send-message="sendMessage($event.detail[0])" @edit-message="editMessage($event.detail[0])" @delete-message="deleteMessage($event.detail[0])" @open-file="openFile($event.detail[0])"

<el-dropdown slot="add-icon" trigger="click" @command="addRoom">
  <i class="el-icon-refresh"></i>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item command="refreshChatRoom">刷新群聊</el-dropdown-item>
    <el-dropdown-item command="refreshFriend">刷新好友</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

<el-dropdown v-for="room in rooms" :key="room.roomId" trigger="click"
             :slot="'room-list-options_' + room.roomId" style="margin-left: 5px;"
             @command="roomActionHandler">
  <i class="el-icon-arrow-down"></i>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item command="top">置顶</el-dropdown-item>
    <el-dropdown-item command="remark">备注</el-dropdown-item>
    <el-dropdown-item v-if="room.roomType === 1" command="refreshRoomMember">刷新群成员</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

<i class="el-icon-s-tools" slot="emoji-picker-icon" @click.stop="isShowEmoji = !isShowEmoji"
   style="position: relative;font-size: 24px;">
  <div @click.stop="">
    <VEmojiPicker v-show="isShowEmoji" :dark="true" style="position: absolute;bottom: 20px;right: 20px;"/>
  </div>
</i>