vue.js 在类星体选择下拉菜单中编程设置值

tjvv9vkg 于 2023-02-24 发布在 Vue.js

关注(0)|答案(2)|浏览(115)

我正在使用Quasar，并有以下代码：

<q-select
    rounded
    outlined
    bottom-slots
    stack-label
    :dense="dense"
    v-model="sexSelected"
    :options="sexOptions"
    option-value="value"
    label="Sex"
    class="mystyle"
    map-options
  />

我的性别选项是：

sexOptions:[ {
            label: 'Both Sexes',
            value: '0'
          },
          {
            label: 'Male',
            value: '1'
          },
          {
            label: 'Female',
            value: '2'
          }],

根据最终用户在不同的select中选择的值，我需要通过编程选择Male或Female。
我试过：

this.sexSelected.value = "2" 

 this.sexSelected = "Female'

 this.sexSelected = [{label: 'Female', value: '2' }]

vue.js

来源：https://stackoverflow.com/questions/75547055/programmatically-set-value-in-quasar-select-drop-down

2条答案

按热度按时间

w8biq8rn1#

经过一系列不同的组合，这对显示和值都有效

this.sexSelected = ({
        label: 'Female',
        value: '2'
      })

赞(0）回复(0）举报 2023-02-24

eiee3dmh2#

当使用单个选择/下拉菜单时，您应该始终记住，在幕后只使用值，而不使用标签/名称（用户看到的），因此基本上尝试每种方法，只设置值，而不设置标签

this.sexSelected.value = "2";
this.sexSelected.value = 2;

this.sexSelected = "2";
this.sexSelected = 2;

其中一个应该能用

赞(0）回复(0）举报 2023-02-24

我来回答

vue.js 在类星体选择下拉菜单中编程设置值

2条答案

相关问题

热门标签

最新问答