How to generate variable name dynamically?

Question

Vue.js

Let's say I have a method:

clickHandle: function() {
                console.log(this.someVar);
            }

I also have someVar in the data object.

and I call the method from the template: and everything is fine. But what if I want to pass different variables to clickHandle() so that it is displayed depending on the parameter, not only but also How is it better to do this? Please write a line of code instead of a thousand explanations :) Thank you. As an option (I even need it more): for example here: I somehow want to pass not even the name of the variable "someOtherVar" itself, but its PART, that is: "someOther" (string) and somehow substitute it so that the call is as expected: I didn't explain very confusingly? :)

<button @click="clickHandle()"></button>



console.log(this.someVar);


console.log(this.someOtherVar);






console.log(this.someOtherVar);




console.log(this.someOtherVar);

Answer 1

<button @click="clickHandle('varName')"></button>

clickHandle(varName) {
    console.log(this[varName]);
    console.log(this.$data[varName]); // Если только из data надо выводить
}