Using an array data item length as part of string in a vue computed property

Question

I have a data item

items: [],

which i am using in a computed property that returns the lengh of that array as part of a string.

itemSummary : function() {
        return this.items.length === 0 ? "No Items" : "`${this.items.length}` items selected"
}

Is it possible to do this with string interpolation....?

Marcus · Accepted Answer · 2019-02-08 19:13:26Z

1

You almost had it in your question. I think the code should be:

itemSummary() {
    return this.items.length === 0 ? "No Items" : `${this.items.length} items selected`
}

With an interpolated string you put everything inside back quotes and interpolate variables or code snippets by wrapping them in ${ ... }.

answered Feb 8, 2019 at 19:13

Marcus

2,3612 gold badges18 silver badges22 bronze badges

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

1 Answer 1