Bind @ click= "add" in app.vue to define the logic of the add method on other pages

problem description

I wrote some structures as public parts in app.vue . One of the buttons (this button is the public part, which is used by many pages) is bound to @ click= "add", and then this button in the public part is used on the home page and other pages, and each page needs to define the logic of the add () method that clicks this button separately. What should I do?

Vue-router typescript html vue.js javascript
Apr.11,2021
< H2 > solution < / H2 >
1. Define ref in router-view first 
  
 it is recommended to start with vue componentization, extract the structure you are talking about into a component, and introduce 
 with parent-child component emit on different pages to implement-> each page defines the add () method for clicking this button separately

Previous: The scroll bar in the chrome browser can't scroll down without scrolling the bottom, but the firefox browser doesn't have a problem. What's going on?

Next: Vue 2.0 consult the project to adapt to the mobile side and the computer side, extract the js part, style independent

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu