Vue выберите с глубокими вложенными данными - PullRequest
Новая
       4

Vue выберите с глубокими вложенными данными

0 голосов
/ 11 января 2020

Я пытаюсь сделать v-выбор в соответствии с инструкцией к официальной документации, но мои данные более вложены, чем это показано в документации, я не могу показать в моем v-select llcName моего данные, и я застрял с этим.

Это мой html div и Vue экземпляр с данными ниже 

<code><div id="vs">
  <h1>Vue Select</h1>
  <v-select multiple :options="options" :reduce="node=>  node.llcName" label='llcName' v-model='selected' />
  <pre>[[$data]]
Vue .component (' v-select ', VueSelect.VueSelect) new Vue ({el:' #vs ', разделители: ["[[", "]]"], данные: {options: [{"node": {"id ":" U3VwcGxpZXJPYmplY3Q6MzA1 "," llcName ":" new "," suppPayment ": {"dge": [0]}}}, {"node": {"id": "U3VwcGxpZXJPYmplY3Q6MzA2": "newName "," suppPayment ": {"dge": [1]}}}, {"node": {"id": "U3VwcGxpZXJPYmplY3Q6MzA3", "llcName": "rteer", "suppPayment": {"dge ": [ 2]}}}], выбрано: "",}})

1 Ответ

1 голос
/ 12 января 2020

Я думаю, вам следует использовать getOptionLabel вместо label, и в вашем свойстве reduce есть ошибка. 

<v-select
  multiple
  v-model='selected'
  :options='options'
  :get-option-label='option => option.node.llcName'
  :reduce='option => option.node.llcName'/>

Fiddle

...