Let's create a filter table component in Vue
A plain table element displaying your data in Vue is pretty boring, let's make it more dynamic!
In this video, we'll use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and the Composition API.
By the end of the video, we'll be able to search through a data set with text, select based on radio button options, or choose multiple statuses with checkboxes.
0:00 Intro
0:58 Setting up the table
3:55 Pulling in data
6:37 Adding the filter components
8:52 Search bar
16:54 Radio buttons
22:34 Dropdown checkboxes
30:18 Wrap up
Send me new video ideas and vote on what's coming next: https://suggest.gg/aschmelyun
Follow me on Twitter! / aschmelyun
Join my newsletter, where I send out new information about twice a month in the PHP, JavaScript, and Docker realms: https://aschmelyun.substack.com
Смотрите видео Let's create a filter table component in Vue онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Andrew Schmelyun 04 Октябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 26,731 раз и оно понравилось 748 людям.