element el-cascader 三级联动数据及实现

首先来张图

三级联动.png

先写调用方法

<template>
  <el-cascader :options="cityList" :props="optionProps" v-model="scope.row.start" placeholder="请选择"></el-cascader>
</template>
export default {
  name:'cascader',
  data () {
    return {
      cityList：cityList,
      optionProps:{ // 一定要写哦 不写选择会出问题
        value:'code',
        label:'label',
        children:'children'
      }
    }
  },

接下来重点上数据

数据太多 无法发布 有需要留言