当前位置:   article > 正文

Ant Design Vue-cascader:修改默认值_ant design vue a-cascader 绑定初始值

ant design vue a-cascader 绑定初始值

今天遇到个需求,需要在选择一个内容后填充其他信息到级联选择器中。记录一下。

首先看一下级联选择器的基本用法:

  1. <template>
  2. <a-cascader :options="options" placeholder="Please select" @change="onChange" />
  3. </template>
  4. <script>
  5. export default {
  6. data() {
  7. return {
  8. options: [
  9. {
  10. value: 'zhejiang',
  11. label: 'Zhejiang',
  12. children: [
  13. {
  14. value: 'hangzhou',
  15. label: 'Hangzhou',
  16. children: [
  17. {
  18. value: 'xihu',
  19. label: 'West Lake',
  20. },
  21. ],
  22. },
  23. ],
  24. },
  25. {
  26. value: 'jiangsu',
  27. label: 'Jiangsu',
  28. children: [
  29. {
  30. value: 'nanjing',
  31. label: 'Nanjing',
  32. children: [
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/151785
推荐阅读
相关标签
  

闽ICP备14008679号