Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.1k views
in Technique[技术] by (71.8m points)

el 级联选择器Props自定义label和value

数据格式如下

"data": [
    {
      "childNodes": [
        null
      ],
      "parentNode": {
        "key": "string",
        "value": "string"
      }
    }
  ],

怎么通过设置Props拿到key和value

<el-form-item label="所属行业" prop="industry">
          <el-cascader
            v-model="detail.industry"
            :options="industryList"
            :props="props"
            :show-all-levels="false"
          />
        </el-form-item>
props: {
        label: 'key',
        value: 'value ',
        children: 'childNodes'
      },

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
getIndustryTree().then(res => {
        const _data = res.data
        this.tempIndustryList = _data
        const flatten = function(arr) {
          for (let i = 0; i < arr.length; i++) {
            const item = arr[i]
            if (item.childNodes) {
              item.key = item.parentNode.key
              item.value = item.parentNode.value
              flatten(item.childNodes)
            } else {
              item.key = item.parentNode.key
              item.value = item.parentNode.value
            }
          }
          return arr
        }
        this.industryList = flatten(this.tempIndustryList)
      })

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...