老师好,书签列表组件发现bug

来源:6-7 书签功能实现

慕设计2052786

2019-01-25

问题描述:添加或删除书签后,点击目录面板,书签数量及书签列表无法立即更新,需再次点击书签tab后才会更新数据。

写回答

2回答

慕设计2052786

提问者

2019-01-28

//img.mukewang.com/szimg/5c4e5b7200017d9612790666.jpg

每次点击书签tab后才更新数据

0
0

慕设计2052786

提问者

2019-01-25

<template>
    <div class="ebook-slide-bookmark">
        <div class="slide-bookmark-title">
            {{$t('book.bookmark')}} · {{bookmark ? bookmark.length : 0}}
        </div>
        <scroll class="slide-bookmark-list" :top="48" :bottom="48">
            <div class="slide-bookmark-item" v-for="(item, index) in bookmark" :key="index" @click="displayBookmark(item.cfi)">
                <div class="slide-bookmark-item-icon">
                    <div class="icon-bookmark"></div>
                </div>
                <div class="slide-bookmark-item-text">{{item.text}}</div>
            </div>
        </scroll>
    </div>
</template>

<script type="text/ecmascript-6">
import Scroll from '../common/Scroll'
import { getBookmark } from '../../utils/localStorage'
import { ebookMixin } from '../../utils/mixin'

export default {
    mixins: [ebookMixin],
    components: {
        Scroll
    },
    data() {
        return {
            bookmark: null
        }
    },
    methods: {
        displayBookmark(target) {
            this.display(target, () => {
                this.hideTitleAndMenu()
            })
        }
    },
    mounted() {
        this.bookmark = getBookmark(this.fileName)
    }
}
</script>

EbookSlideBookmark.vue   html及js部分的代码

0
6
慕粉2331556623
请问是怎么解决的啦,我现在也遇到这种问题
2020-04-11
共6条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1610 学习 · 1951 问题

查看课程