loading...

404 Error Page with Search Functionality Using VueJS

takaneichinose profile image Takane Ichinose ・1 min read

404 Error page example layout built in VueJS and CSS animations.

You may click anywhere on the screen to search. I just used sample data for the search field.

I load external JSON file for the search. I used the Javascript fetch() method to load the JSON data from my assets.

I initialized the data on mount.

Except for the fonts, I made all of the assets.

The search textbox will be having a "floating" effect if the search content is scrolled.

I used VueJS rendering transition in this component.

Discussion

markdown guide