Блог

Главная - Вопросы по программированию - Есть ли способ определить, какие ключи объекта использовать вместо «метки» и «значения» в компоненте CSelect CoreUI для Vue?

Есть ли способ определить, какие ключи объекта использовать вместо «метки» и «значения» в компоненте CSelect CoreUI для Vue?

#vue.js #core-ui

#vue.js #core-ui

Вопрос:

Я использую компонент CSelect CoreUI, и в документации указано, что свойство «options» должно представлять собой массив объектов с ключами «label» и «value». CSelect API

Мой вопрос в том, есть ли какое-либо свойство компонента CSelect, которое позволяет мне указывать, какие ключи использовать вместо «метки» и «значения». Таким образом, мне не пришлось бы применять функцию map к моему массиву.

 <CSelect
    label="Category"
    :options="categories"
    placeholder="Select Category"
    :value.sync="form.category_id"
    ... // some properties here
/>

// example of data function
data() {
    return {
        categories: [{id:1 , name:"Vue" }, {id:2, name:"Angular"}],
    };
},

Заранее спасибо. Извините за мой английский.

Ответ №1:

 [{value:1 , label:"Vue" }, {value:2, label:"Angular"}]

Это должно вам помочь.

Комментарии:

1. Привет и добро пожаловать на SO. Чтобы сделать ваш ответ действительно полезным, вы могли бы добавить подробную информацию о том, как ваш код / данные помогают решить проблему и как.

Метки: