vue3 使用jsx编写, antd-vue 2.x版本中的 select 使用v-model 下拉菜单无法点击选择值

• Z时代
• 2024-03-15
• 分类：IT

背景交代：vue3.0 ant-design-vue 2.1.6 使用jsx语法

<a-select
            placeholder="请选择"
            // v-model={state.editData.props[propName]}
            v-model={selectRef}
            onChange={e => console.log(e)}
          >
            {(() => {
              return propConfig.options.map((opt, i) => (
                <a-select-Option key={i} label={opt.label} value={opt.val} />
              ));
            })()}
          </a-select>

回答：

<a-select-Option key={i} label={opt.label} value={opt.val} /> 编写错误，改成
<a-select-option key={i} value={opt.val} />{opt.label}</a-select-option>

以上是 vue3 使用jsx编写, antd-vue 2.x版本中的 select 使用v-model 下拉菜单无法点击选择值 的全部内容， 来源链接： utcz.com/p/935429.html