V01 Vue.js 实战教程 - 基础篇8.4. 过滤帖子列表
简介
本小节中，我们将使用下面的『过滤方式列表』，来实现过滤或者排序帖子的功能：
<ul class="list-inline topic-filter">
<li><a href="/topics?filter=default">活跃</a></li>
<li><a href="/topics?filter=excellent">精华</a></li>
<li><a href="/topics?filter=vote">投票</a></li>
<li><a href="/topics?filter=recent">最近</a></li>
<li><a href="/topics?filter=noreply">零回复</a></li>
</ul>添加过滤的逻辑
打开 src/store/getters.js 文件，在代码的最后面，导出派生状态 getArticlesByFilter：
src/store/getters.js
.
.
.
// 返回使用 filter 参数过滤后的所有文章
export const getArticlesByFilter = (state, getters) => (filter) => {
// 使用派生状态 computedArticles 作为所有文章
let articles = getters.computedArticle...
关于 LearnKu
粤公网安备 44030502004330号