This is my code and i basically want to add CHANGEBUTTONS to the on click event that looks like @click.
Delete from favorites
new Vue({
el:'#app',
data:{
show: true,
paletteid : =$palette_id;?>,
action: "add",
action2: "delete",
number: ""
},
methods: {
enviarform: function() {
axios.post('/validarfavorite.php', {
paletteid: this.paletteid,
action: this.action
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
this.number = "Yours plus ";
},
enviarform2: function() {
axios.post('/validarfavorite.php', {
paletteid: this.paletteid,
action2: this.action2
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
this.number = "Minus yours plus ";
},
changebuttons: function() {
this.show = !this.show;
}
}
});
I have tried with method 1 and method 2 and handler but it didnt work. Hope you know!
解决方案
In it's simplest form, you can, having the template:
my button
Do, in your JavaScript Code:
new Vue({
el:'#app',
data:{
show: true,
// ...
},
methods: {
m1: function() { /* ... */ },
m2: function() { /* ... */ },
handleButtonClick: function() {
/* call two methods. */
this.m1();
this.m2();
}
}
})
{{ message }}
two methods
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
m1() { this.message += "m1"; },
m2() { this.message += "m2"; }
}
})