Question

我有一个数组 - selected_players，我在Vue.js中循环，但无法设置selected的{{1}}属性。

我在尝试：option

以下是相关模板的部分：

:selected="player.round.best_player == 1"

加载时，这是相关的HTML：

    <div v-if="selected_players.length && ! loading">
        <h4>Select Best Player</h4>
        <div class="form-group">
            <select name="best-player" id="best-player" v-model="best_player" class="form-control">
                <option v-for="player in selected_players" :value="player.id" :selected="player.round.best_player == 1">{{ player.name }}</option>
            </select>
        </div>
        <br />

我怎样才能做到这一点？

Answer 1

要拥有所选的选项，您只需将best_player设置为默认选择的那个。

使用下面的代码，我将遍历您的player数组并找到具有round.best_player === 1的播放器。我们的想法是使用所选选项设置best_player。

best_player = player.filter(p => p.round.best_player === 1).id

为Vue.js中的select元素设置'selected'选项

1 个答案: