当前位置:   article > 正文

vue a-select选择框默认值_a-select 设置默认值

a-select 设置默认值

打开页面选择框默认选择较好

html

  1. <td>
  2. <a-form-item>
  3. <a-select
  4. placeholder="请选择"
  5. v-decorator="[
  6. `democraticList[${index}].level`,
  7. {
  8. rules: [
  9. {required: true, message: '请选择'},
  10. ],
  11. initialValue:options.evaluationLevel[1].value,
  12. validateTrigger:'blur'
  13. }
  14. ]"
  15. :options="options.evaluationLevel"
  16. ></a-select>
  17. </a-form-item>
  18. </td>

关键字段:

initialValue:

options.evaluationLevel[1].value,

记录:

initialValue(初始值)

evaluationLevel(字典值数组)

将字典值放在主页面的dictcode和options中。

如果html中未使用<a-form-item>,则:defaultValue=""设置默认值,

如果html中使用<a-form-item>,则用initialValue:设置默认值,注意上面关键字段的options前有this.的话,可能会报错,未定义options。

写按钮使用

initialValue:

(options.evaluationLevel && options.evaluationLevel.length) ? options.evaluationLevel[1].value : '',

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/151715
推荐阅读
相关标签
  

闽ICP备14008679号