mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
613 B
29 lines
613 B
8 years ago
|
<ul>
|
||
|
{{#each items as item}}
|
||
|
{{#if filter(item, currentFilter)}}
|
||
|
<li>{{item.description}}</li>
|
||
|
{{/if}}
|
||
|
{{/each}}
|
||
|
</ul>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
data: () => ({
|
||
|
currentFilter: 'completed',
|
||
|
items: [
|
||
|
{ description: 'one', completed: false },
|
||
|
{ description: 'two', completed: false },
|
||
|
{ description: 'three', completed: false }
|
||
|
]
|
||
|
}),
|
||
|
|
||
|
helpers: {
|
||
|
filter ( item, currentFilter ) {
|
||
|
if ( currentFilter === 'all' ) return true;
|
||
|
if ( currentFilter === 'completed' ) return item.completed;
|
||
|
if ( currentFilter === 'active' ) return !item.completed;
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
</script>
|