Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- new Vue ({
- el: '#app',
- delimiters: ['[[', ']]'],
- data: {
- search: '',
- List : [
- {% for item in items %}
- {
- "id" : "{{ item.id }}",
- "name": " {{ item.name }} "
- },
- {% endfor %}
- ]
- },
- computed: {
- filteredProducts() {
- // var lowerTitle = product.title.toLowerCase();
- return this.List.filter((list) => {
- return list.name.toLowerCase().match(this.search);
- });
- }
- }
- })
- <div id="app">
- <div class="search-wrapper">
- <input type="text" v-model="search" placeholder="Search title.."/>
- </div>
- <div class="wrapper">
- <div class="card" v-for="item in filteredList" :key="list.id">
- [[ item.name ]]
- </a>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement