Skip to content

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

Open
@lcwh52

Description

@lcwh52

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions