Question

我是Vuejs的新手。我们如何在v文本中附加多个字段。

我想用result.stu_lname来显示result.stu_fname

尝试使用v-text =“ result.stu_lname”。“”。 v-text =“ result.stu_fname”无效

<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>

Answer 1

有几种方法。

1）在v-text中使用简单的字符串连接

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

2）没有v-text

<li v-for="result in results">{{result.stu_lname}} {{result.stu_fname}}</li>

您还可以创建一个方法，您将在其中传递结果并返回您想要的结果。另外，不要忘记添加key for v-for。

在Vue.Js中的v文本中附加多个字段

1 个答案: