Я не могу привязать данные обратно к пользовательскому интерфейсу с помощью флажка in is = "dom-repeat" в bootstrap multiselect.
<select id="multi-select-demo" multiple="multiple">
<template is="dom-repeat" items="{{iecCategoryList}}" as="iecctaegorylist">
<option id="{{iecctaegorylist.name}}" value="{{iecctaegorylist.categoryName}}">{{iecctaegorylist.name}}</option>
</template>
</select>
и используемого мной свойства
iecCategoryList: {
type: Object,
notify: true,
reflectToAttribute: true,
}
и вот код, в котором я предоставляю данные для iecCategoryList property
this.tabItems = [{
name: 'abc',
categoryName: '123gh',
color: '#2b5ea2'
}, {
name: 'xyz',
categoryName: '567ui',
color: '#3573c5'
}];
this.iecCategoryList = this.tabItems;
, и именно так я инициализирую множественный выбор
$('#multi-select-demo').multiselect();
, когдаЯ использую select с идентификатором, он не работает как
<select id="multi-select-demo" multiple="multiple">
, но когда я использую этот выбор без идентификатора, он работает нормально, как и также может связать выбор с 2 вариантами
<select>
<template is="dom-repeat" items="{{iecCategoryList}}" as="iecctaegorylist">
<option id="{{iecctaegorylist.name}}" value="{{iecctaegorylist.categoryName}}">{{iecctaegorylist.name}}</option>
</template>
</select>
Пожалуйста, предложите мне, где я делаю ошибку.хотя я пытался с методами мутации .