Pass vue data value in another data value

Question

is this possible that i get Value from one data and pass that to another like this.

data: function() {
    return {
          tester: 'tester',
          dropdownBtn: '<span>Sort</span>'+this.tester+'<span class="material-icons">expand_more</span>'
    }
}

An answer would be appreciated.

yes it is possible

Ranjeet Eppakayala
– Ranjeet Eppakayala

2020-08-26 14:04:56 +00:00
Commented Aug 26, 2020 at 14:04 — Ranjeet Eppakayala
– Ranjeet Eppakayala, Commented Aug 26, 2020 at 14:04

markcc · Accepted Answer · 2020-08-26 13:59:08Z

1

you can use computed for this case

computed: {
    dropdownBtn() {
        return `<span>Sort</span>${this.tester}<span class="material-icons">expand_more</span>`
    }
}

answered Aug 26, 2020 at 13:59

markcc

6433 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

auser101 · Accepted Answer · 2020-08-26 14:11:54Z

1

Yes you can use it, but a better approach would be to use a function (be it inside computed or methods) to get the value.

answered Aug 26, 2020 at 14:11

auser101

212 bronze badges

Collectives™ on Stack Overflow

Pass vue data value in another data value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related