Common component: there is a method to call the interface in bar.vue
.
methods: {wishSign () {}}
Public template: cn.vue
bar.vue
import VMbar from"~ / components/base/bar";
Interface: datail.vue
requirements: I think how to trigger a method in bar.vue in a click event in datail.vue. I can"t get the methods in bar.vue with ref. Mainly in the public template: cn.vue is called globally. I can"t get the methods in bar.vue directly. How to call the wishSign method in datail.
this method of calling is not recommended. This way of calling is difficult for others to understand, debug and modify.
the recommended approach is to manage data through parent-child component communication or global store, and data changes to trigger method calls .
there are two ways:
< H2 > 1. Put global components in a global environment, for example: < / H2 > vuex is recommended
Previous: How to pass parameters to callback function in Angular
Next: Do you need to use Oauth for projects that are separated from each other and request each other?
[root@VM_11_154_centos ffn]-sharp npm run build > ffn@1.1.0 build usr local src ffn > nuxt build nuxt:build Building... +0ms nuxt:build App root: usr local src ffn +0ms nuxt:build Generating usr local src ffn .nuxt files... +0ms nuxt:b...
using the nuxt framework, there are two pages An and B A page jumps to b page and transmits product information to B page via url The B page can get the information and copy it to the goodsList in data, but the page cannot render the page according ...
how to add text to the right side of the icon to show the geolocation name of the current central coordinates on the mapbox map. has added the picture. The code is as follows: how to add the text on the right let img = new Image(); img.s...
if the id of two arrays is equal, I will change the activeName field in the first array to true,. I use this to determine whether he is added to the collection or not. If true is added, false is not added. I added the fields that the background did n...
index.vue page initialization calls jsonp error document is not defined export default { middleware: auth , data() { return { bidName: } }, created:function(){ }, async asyncData(callback){ jsonp( xxxxx ,nul...
this is the error message-sharp-sharp-sharp problem description Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop s value. Prop being...
the formal environment is right, and the npm run dev in the test environment reports an error. What is the possible reason. Pray for the great god. ...