Append more than one field in v-text in Vue.Js

Question

I'm new to Vuejs. How do we append more than one fields in v-text.

I wanted to displat result.stu_fname with result.stu_lname

tried with v-text="result.stu_lname"."". v-text="result.stu_fname" didn't work

<div id="app">
    <input type="text" v-model ="search_uin" placeholder="Type and wait!">
    <ul v-if="results.length > 0">
        <li v-for="result in results"  v-text="result.stu_lname"></li>
    </ul>
</div>

tony19 · Accepted Answer · 2022-07-15 21:53:59Z

2

There several ways to do it.

Use simple string concatenation inside v-text

 <li v-for="result in results"  v-text="result.stu_lname+' ' + result.stu_fname"></li>

Without v-text
{{result.stu_lname}} {{result.stu_fname}}

You can also created a method where u will pass result and return what u want. Also dont forget to add key for v-for.

edited Jul 15, 2022 at 21:53

tony19

140k24 gold badges281 silver badges354 bronze badges

answered Jul 12, 2018 at 18:16

Aldarund

17.6k6 gold badges76 silver badges106 bronze badges

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

Collectives™ on Stack Overflow

Append more than one field in v-text in Vue.Js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related