vue.js1.x 如何使@click事件失效

Question

涉及分页，当【加载更多】变成【没有更多】时，@click="loadMore"失效

Answer 1

几种方法：
1.没有更多时，通过数据绑定:disabled="没有更多的条件"把 button 禁用（如果是 button 的话）
2.没有更多时，通过条件渲染v-show="有更多的条件"把 加载更多的内容 隐藏（如果是 a 或 div 之类的，没有 disabled 属性的 HTML 标签）
3.没有更多时，在 loadMore 里直接返回if (没有更多的条件) return（不管是 button 还是 a……）

Answer 2

<button :disabled="noMore" @click="loadMore">load more</button>

computed: {
    noMore() {
        return this.items.length === this.total
    }
}