• element Cascader 级联选择器动态通过接口获取二级三级数据


    直接上代码:

    
    
    
    
    
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111

    1. 注意: checkStrictly: true >>实质意思表示的是单选,在 cascaderLazyLoad中去写接口请求函数,写处理逻辑
    2. 绑定v-model默认值的时候需要注意:
    注意 (1): v-model的值必须是一个数组 即本文中的companyName必须是一个数组
    注意 (2): 设置默认值的时候设置的值得是label对应得value 例如: this.companyName = [‘测试公司’]

    注意 (3):请详细看代码注释

    ####问题SOS###: 使用 v-model="companyName"绑定值回显的时候,会再次执行cascaderLazyLoad方法 (可自测证明这个问题-暂时没找到解决办法)

  • 相关阅读:
    计算机网络-IS-IS基础配置实验
    项目:CV和NLP结合的Attention视频字幕生成算法实现
    [Chipscope 16-213] The debug port ‘dbg_hub/clk‘ has 1 unconnected channels 解决
    神经网络算法有哪些模型,神经网络模型应用实例
    《Happy Birthday》游戏开发记录(送给朋友的小礼物)
    css层叠样式设置
    使用datax将数据从InfluxDB抽取到TDengine过程记录
    分享15个我总结的思维模型,程序员必读,受用终身
    【Html——自由小球球】(效果+代码)
    mdadm使用详解
  • 原文地址:https://blog.csdn.net/everMrzhong/article/details/134281771