有没有办法在v-select的项目文本字段中将两个字段连接在一起?
我让它适用于下拉列表值,但可见条目不显示两个字段.
问题在于:item-text ="'$ {data.item.name},$ {data.item.group}'"
码:
`<v-select label="Select" v-bind:items="people" v-model="e11"
item-text="'${data.item.name}, ${data.item.group}'"
item-value="name" max-height="auto" autocomplete >
<template slot="item" slot-scope="data">
<v-list-tile-content>
<v-list-tile-title
v-html="`${data.item.name}, ${data.item.group}`">
</v-list-tile-title>
<v-list-tile-sub-title
v-html="data.item.group">
</v-list-tile-sub-title>
</v-list-tile-content>
</template>
</v-select>`
Run Code Online (Sandbox Code Playgroud)
笔示例:https: //codepen.io/anon/pen/dJveWM?edit = 1010
谢谢