ユーザ用ツール

サイト用ツール


buefy_select

Select

  • Select an item in a dropdown list. Use with Field to access all functionalities.
  • 選択肢を扱う際に便利なんだと思う。

基本

  • b-selectv-modelを指定した場所に選んだvalueが格納される
    • 下記例の場合、格納されるのはoption.id
    • 選択肢として表示されるのはoption.value
<b-select placeholder="Select a name" v-model="name">
    <option
        v-for="(option, key) of data"
        :key="key"
        :value="option.id"
    >
        {{ option.value }}
    </option>
</b-select>

参照

buefy_select.txt · 最終更新: 2021/06/15 22:55 by 127.0.0.1