相关疑难解决方法(0)

Vuetify在v-select的项目文本中连接两个字段

有没有办法在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

谢谢

vue.js vuetify.js

1
推荐指数
2
解决办法
8086
查看次数

标签 统计

vue.js ×1

vuetify.js ×1